本文介绍了CSS单位rem的工作原理，通过计算得出字体大小与rem的关系，并展示了如何在页面中使用rem进行布局。讨论了禁止用户缩放、引入rem.js文件以及在响应式设计中调整根元素字体大小的重要性，同时也提到了rem布局可能导致的CSS与JS耦合问题。
rem
rem是css单位，rem是根据根html元素的字体大小来计算单位的。
浏览器默认的 html font-size=16px， 这样如果我们需要设置字体的大小为12px, 通过计算可知 12 / 16 = 0.75；因此只需要设置 font-size= 0.75rem。
1、现在页面上设置用户禁止缩放 引入meta头部标签
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
2、创建rem.js 文件
window.onload = function(
最低0.47元/天 解锁文章
254
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
