rem、em、px換算

注意點:
- 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即可。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章