动态rem(移动端)

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

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

retina

<a href="http://www.aliued.com/?p=3166">点击查看</a>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,865评论 1 92
  • 阅读目录移动开发基本知识点 calc基本用法box-sizing的理解及使用理解display:box的布局理解f...
    张宪宇阅读 1,603评论 0 1
  • H5-WebApp 自适应方案 - rem 对于WebApp来说,为了更通用地满足各机型屏幕的自适应布局要求,我们...
    nick2046阅读 8,544评论 4 35
  • 近年来有种感觉,英语单词量在缩减,很多简单的单词都忘了怎么写了,或者什么意思了,可是奇怪的是,我的口语越来越好了。...
    阿州啦阅读 446评论 1 1
  • 2016年3月摄于婺源。
    新生的蒲公英阅读 250评论 0 1