使用rem实现自适应布局，应该算是当前移动前端的一大趋势，有些人对此还有点迷惑，搞不懂rem是如何实现自适应布局，如何根据设计稿来调整rem的值？rem布局如何用雪碧背景图片？rem一定要加载JS吗？rem的根html font-size设置为多少合适？看看这篇文章，也许能帮到你。 这些问题整理 ...

移动端web app自适应布局探索与总结 1、困扰多时的问题 在这之前做web app开发的的时候，在自适应方面一般都是宽度通过百分比，高度以iPhone6跟iPhone5之间的一个平衡值写死，我们的设计稿都是iPhone5的640 * 1136标准，所以高度一般取个大概值，各种图标的宽高也是 ...

1、困扰多时的问题 在这之前做web app开发的的时候，在自适应方面一般都是宽度通过百分比，高度以iPhone6跟iPhone5之间的一个平衡值写死，我们的设计稿都是iPhone5的640 * 1136标准，所以高度一般取个大概值，各种图标的宽高也是取平衡值写死，然后部分样式通过媒体查询来设置 ...

1、困扰多时的问题 在这之前做web app开发的的时候，在自适应方面一般都是宽度通过百分比，高度以iPhone6跟iPhone5之间的一个平衡值写死，我们的设计稿都是iPhone5的640 * 1136标准，所以高度一般取个大概值，各种图标的宽高也是取平衡值写死，然后部分样式通过媒体查询来设置 ...

该方案目前已过时，这里是更加完美的替代方案——rem布局(进阶版) 相信很多刚开始写移动端页面的同志们都要面对页面自适应的问题，当然解决方案很多，比如：百分比布局，弹性布局flex（什么是flex），也都能获得不错的效果，这里主要介绍的是本人在实践中用的最顺手最简单的布局方案——rem ...

css3自适应关键字: max-content 01) max-content width:max-content表示采用内部元素宽度值最大的那个元素的宽度作为最终容器的宽度。如果出现文本，则相当于文本不换行 02 ...

原文链接：http://caibaojian.com/web-app-rem.html rem是什么？ rem（font size of the root element）是指相对于根元素的字体大小的单位。简单的说它就是一个相对单位。看到rem大家一定会想起em单位，em（font size ...

著作权归作者所有。 商业转载请联系作者获得授权,非商业转载请注明出处。 链接:http://caibaojian.com/web-app-rem.html 来源:http://caibaojian.com 摘要：rem是相对于根元素，这样就意味着，我们只需要在根元素确定一个px字号，则可以来算出 ...