移动端rem适配方案小记


title: 移动端rem适配方案

选择 rem 做移动端适配的原理

什么是 rem 呢? rem 是在W3C上面的解析——“font size of the root element”,它是根据根元素'html'的大小变化而变化的,HTML默认的font-szie16px

媒体查询方式适配

媒体查询方式适配就是根据 media screen大小的变化浏览器来自动选择对应的适配代码,将html设置10px

根据JavaScript来改变根字体的大小

上面核心的几行代码

假如设计稿的大小实际是750px的设计稿,计算出来根字体为50px,Iphone 实际是375px的宽度,计算就是7.5rem的宽度

阿里团队开源的一个库
https://github.com/amfe/lib-flexible

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复