title: 移动端 rem 适配方案
选择 rem 做移动端适配的原理
什么是 rem 呢? rem 是在 W3C 上面的解析 font size of the root element, 它是根据根元素'html'的大小变化而变化的, HTML 默认的 font-szie 为 16px
媒体查询方式适配
媒体查询方式适配就是根据 media screen 大小的变化浏览器来自动选择对应的适配代码, 将 html 设置 10px
根据 JavaScript 来改变根字体的大小
上面核心的几行代码
假如设计稿的大小实际是 750px 的设计稿, 计算出来根字体为 50px,Iphone 实际是 375px 的宽度, 计算就是 7.5rem 的宽度
阿里团队开源的一个库
https://github.com/amfe/lib-flexible
来源: http://www.qdfuns.com/article/33773/719768f46851cb0a82d96cec41ee9a09.html