动态rem(移动端)

它的特点是 不管页面多大 , 它都按照当前比例放大
相关实践
1.设置meta 禁止缩放
2.设置html {font-size : 页面宽度 / 10 px } //为了方便除以10
3.10rem === 页面宽度
4.所有元素用rem === 所有元素根据页面宽度为基准 实现兼容任何手机

border-box解决像素不是整数导致排版错乱的问题;

retina

点击查看

你可能感兴趣的:(动态rem(移动端))