html 根字号以及设置根元素font-size:calc(100vw/18.75)、元素rem实现自适应_修改根元素字体大小

作者：凡人多烦事01 | 2024-05-24 22:10:24

踩

修改根元素字体大小

rem 单位介绍：rem 是相对文档根元素(html)字体大小的尺寸单位，当元素的尺寸或文字字号等使用 rem 单位时，会随着根元素的 font-size变化而变化。

得出结论：在不同分辨率的设备下动态设置根元素的字体大小就可以实现页面自适应。

如何设置：font-size:calc(100vw/x) x:18.75或者其他

为什么？

以750px 设计稿为例 100vw=750px 750/18.75=40 即 1rem=40px;

以1920px 设计稿为例 100vw=1920px 1920 / 48 =40 即 1rem=40px;

知道对应关系，谱写页面元素时将px转换为rem 即可

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/凡人多烦事01/article/detail/619280

html 根字号 以及 设置根元素font-size:calc(100vw/18.75)、元素rem实现自适应_修改根元素字体大小