文章中心

做响应式网站px与rem详细换算方法

类别:网站建设 看过:118

1rem=16px

1÷16=0.0625相当于16px×0.0625=1rem

相当于1px=0.0625rem

【10px】

10px=0.625rem

10px=62.5%rem

如果根元素设置为:

html{Font-size=62.5%;}或html{Font-size=10px;}

px换算rem计算方法

由于:

1rem=16px

1px=0.0625rem

10px=62.5%rem(乘以10加上百分比,如:0.0625×10×100%)

16px×62.5%=10px(16px×0.0625=1rem×10)

【注意:由于已经乘以10,所以只要除以10就换算出rem值】

所以:

【12px】

12px÷10=1.2rem

【14px】

14px÷10=1.4rem

如果根元素设置为:

html{Font-size=100px;}

那么:

【12px】

12px÷100=0.12rem

【14px】

14px÷100=0.14rem

上篇:教你如何在移动端页面主次内容之间设置合理间隔

下篇:加快页面打开速度,降低用户流失

请长按下方链接进行复制发给好友~
http://www.yidongseo.com/mobile/article_view_2_209.html
确定