1、假设设计稿的宽是750px,根节点是100px。可以得出设备宽度为7.5rem,在根节点中的
font-size=设备宽度/7.5。
即:document.documentElement.style.fontSize = document.documentElement.clientWidth*(window.devicePixelRatio||1) / 7.5 + 'px';
当然还有考虑一倍屏和二倍屏的问题,以及font-size小于12px在谷歌支持的问题等。
2、for循环中:
var声明的变量是全局的,for循环之外是可以拿到定义的变量的;
而let声明的变量是有块级作用域的,for循环之外是拿不到的。
rem布局定义根节点的px,以及for循环中var和let声明变量
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- 需求: 在不同的移动终端设备中实现,UI设计稿的等比例适配。 方案: 布局排版都用rem做单位,然后不同宽度的屏,...
- 偶然间发现这篇文章,可以说,这是我见到的对移动rem单位做的最详细,最细心的一篇总结性文章,果断转载至本博客,以便...