em和rem
阿新 • • 發佈：2018-08-06
必須 *** 元素 可能 默認字體 字體大小 設置 font 12px
同：em和rem都是相對單位。
異：em是相對於父元素，而rem是相對於根(html)元素。
瀏覽器默認為16px；
將body設為62.5%；
1rem=16px*62.5%-10px;
<html>
<div>
<p> 你猜我字體是多大？</p>
</div>
</html>
/******css樣式*********/
html{
font-size:62.5% // font-size:10px 1em:10px
}
div{
font-size:1.2em //font-size: 10 *1.2 =12px
}
p{
font-size:1.2em //font-size= 12*1.2=14.4px
}
1 若沒有在根元素（html字體）指定參照值，那瀏覽器默認1 rem就是16px,若指定值，則1rem就是指定值
2 html設置為62.5%或者10px時會失效，是因為 小於12px或者75%的字體大小 不支持換算。這可能與有些瀏覽器不支持12px以下的大小有關。所以，使用rem單位，html的字體默認字體大小必須設置為12px或以上。若小於12px則瀏覽器換算時自動默認字體為12px。
em和rem