灰儿 发表于 2017-8-1 17:28:57

将字符大小font-size设置为100%的作用

h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}input,select,textarea,samp {font-size:100%;}看到一些css重设,请问设置font-size:100%的目的和作用是什么?---------------------------------------------------------------------------------------假如你设置body{font-size:12px;}但h1是不会继承这个12px,它会按照一定百分比增加字号,但如果给h1显试指定font-size:100%;它就会继承body设定的字体大小。1. 它改变了默认的大小。2. 这些元素本身不会继承父体的字体大小,设置了font-size:100%后就能自动继承。

font-size用百分数, 是相对于父元素的font-size计算. 那么html的父元素又是多少呢?
另外, 为什么不用font-size: 1em;
它们之间有什么区别?


字体大小的规定可以用百分数,px,em,rem等单位,看你想做什么样的页面了,固定尺寸的就用px就够了,但是如果要做响应式rem常用一些,em相对于父元素来决定,而rem是根据html的字体大小来决定的。
页: [1]
查看完整版本: 将字符大小font-size设置为100%的作用