rem:是一个相对单位，相对根元素字体大小的单位。就是相对于html元素字体大小的单位。 优点：这样在计算子元素有关的尺寸时，只要根据html元素字体大小计算就好。不再像使用em时，得来回的找父元素字体大小频繁的计算，根本就离不开计算器。 html的字体大小设置为font-size ...

1. 问题的引出 如果html5要适应各种分辨率的移动设备，可以使用rem这样的尺寸单位，针对各个分辨率范围在html上设置font-size的代码： 在实际项目中，把与元素尺寸有关的css，如width,height,line-height ...

概述 这是我研究移动端页面时的思考，记录下来供以后开发时参考，相信对其他人也有用。由于我写移动端页面写的还比较少，一些问题都还没遇到，所以我的这篇博文不免有些错误的地方，还请大佬多多指正。 这篇文章是基于网易的移动端屏幕适配方案而来的。 思考 在移动端开发中，对于页面屏幕适配要解决哪些问题 ...

为font-size:62.5%原因：浏览器默认字体大小是16px，rem与px关系为：1rem = 10px，1 ...

移动端采用rem适配非常方便 比如在iphone6尺寸下，将html font-size 设置为 100px，那么写css时，只要将尺寸/100 + rem 即可。 在iphone6Plus尺寸下，html font-size会自动调节，兼容多种尺寸的手机 以下是js代码，复制到 ...

body { font-family: "Merriweather", serif; margin: 0; padding: 0; color: rgba(58, 58, 58, 1); line-height: 1.7; background-color: rgba(248, 248, 248 ...

加入这么一段js，就可以根据屏幕的宽度动态改变font-size 根据这一句 docEl.style.fontSize = 20 * (clientWidth / 320) + 'px'; 可知 iphone4宽度是320px，那么font-size就是20px ...

需求：在不同的移动终端设备中实现，UI设计稿的等比例适配。 方案：布局排版都用rem做单位，然后不同宽度的屏，js动态计算根节点的font-size。 假设设计稿是宽750px来做的，书写css方便计算考虑，根节点的font-size假定为100px，得出设备宽为7.5rem。设计稿中标 ...