注意點:
- rem是對html設置font-size;
- em是對body設置font-size;
如bootstrap樣式表中:
- html {font-size:62.5%;}
- body {font-size:14px;}
一、rem(root em,根em):
爲了簡化font-size的換算,建議在css中將html { font-size:62.5% ; }
這就使rem值變爲16px(瀏覽器默認字體大小)*62.5%=10px, 這樣 10px=1rem, 也就是說只需要將你的原來的px數值除以10,然後換上rem作爲單位就行了。
例如:14px換算成rem、14px/10——1.4rem
二、em
將 body {font-size:14px ; } 設置後,如果想要一個14px,就用14px/14px——1em即可。