1. 程式人生 > >rem、em、px換算

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即可。