移动端适配rem单位

最新推荐文章于 2024-07-21 16:35:41 发布

农村小伙！

最新推荐文章于 2024-07-21 16:35:41 发布

阅读量360

点赞数

分类专栏：学习

本文链接：https://blog.csdn.net/weixin_43786904/article/details/104293391

版权

学习专栏收录该内容

114 篇文章 5 订阅

订阅专栏

1.rem单位
描述：rem是css中的一个尺寸单位，和px，%，em等单位一样，都是用来设置大小的。rem代表的含义为：【是html的字体大小的多少倍】。
语法：document.documentElement.style.fontSize = (document.documentElement.ClientWidth/750)*100+‘px’;
在750px大小的设备中，1rem = 100px;
2.为什么标准单位按照750px计算？
因为ps设计稿大多是750px标准来进行设计，所以对页面进行750px等分，在ps设计稿中，1rem = 100px。换算完毕后：在移动直接按照ps设计稿中 rem单位直接赋值即可，不用在等比例缩小或放大