100%还原设计图，要注意： 看布局，分析结构。 感觉难点在于： 1.测量精度（ps测量数据）； 2.文字的行高。 前段时间写个移动端适配的页面（刚接触这方面），查了一些资料，用以下方法能实现： 1.设置理想视口： 自动适应屏幕宽度 ...

： adaptivejs利用rem解决移动端页面开发的自适应问题 页面模板初始化的时候不用设置viewport ...

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

adaptivejs原理： 利用rem布局，根据公式 html元素字体大小 = document根节点(html)宽度 * 100 / 设计图宽度 计算html元素的font-size, ...

自接触移动端H5页面以来，从未停止对H5页面适配不同屏幕的解决方案的探索。从最初的bootstrap响应式框架来做手机适配； 后来尝试用百分比去做H5的适配；接着又去尝试媒体查询，但移动端的屏幕大小个各异，各种尺寸的机型都有，难以做到不同手机适配， 后来看到京东，网易，手淘等使用rem做手机适配 ...

方案： 固定一个某些宽度，使用一个模式，加上少许的媒体查询方案 使用flexbox解决方案 使用百分比加媒体查询 使用rem 1. 简单问题简单解决 我觉得有些web app并一定很复杂，比如拉勾网，你看看它的页面在iphone4,iphone6,ipad下的样子 ...

前言： 对于小程序，我们可以在设计稿为750的基础上，直接按照设计稿利用rpx作为单位，可以很好地完成各手机尺寸的自适应，那么对于H5我们有没有类似的方案呢？ 移动端H5： 我们通常会引入一小段js 来动态改变： 这里我们是根据750的设计稿，然后我们需要 ...

之前的一篇《手机端页面自适应解决方案—rem布局》随着时间的推移，该方案已然过时，故为大家介绍一个目前我极力推荐使用的，更加完美的方案——rem布局（进阶版） 该方案使用相当简单，把下面这段已压缩过的 原生JS（源码已在文章底部更新，2017/5/3） 放到 HTML 的 head 标签 ...