文章中心
文章中心
我们以信息质量为主,为客户展现真实可靠的数据
易懂SEO应用系统 > 文章中心 > 网站建设 > 做响应式网站px与rem详细换算方法

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

网站专员网站建设121人看过2021-8-24 08:00:08

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

本站注重原创,部分内容来源于网络整理,如有侵权,请联系QQ 570803231 进行删改,谢谢。

易懂SEO专注网站建设、SEO优化和网站安全,十多年来通过我们不懈努力获得了众多客户认可和尊重。

我们的目标:让所有用户都能用上一款好的网站系统!

我们的优势