移動端rem單位和px單位換算

rem單位是根據html元素的單位在頁面根據不一樣的手機屏幕分辨率動態總體的按比例縮小或放大字體。

假如html{font-size: 14px;},那麼1rem=14px;

一個div寬度48px,那麼換成rem:48px/14px=3.4rem; 

寬度200px,換成rem:200px/14px=14.3rem;

寬度28px，換成rem:28px/14px=2rem;

 

可是建議設置成html{font-size:62.5%},爲何是62.5%？由於任何瀏覽器默認字體大小是16px,也就是16px=100%;那麼1px=6.25%,爲了方便計算，咱們把10px=62.5%,所以html{font-size:10px;}=html{font-size:62.5%},1rem=10px;

一個div寬度48px,那麼換成rem:48px/10px=4.8rem; 

寬度200px,換成rem:200px/10px=20rem;

寬度28px，換成rem:28px/10px=2.8rem;