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

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

问题一，分辨率Resolution适配：不同屏幕宽度，html元素宽高比和字体大小，元素之间的距离自适应，使用rem单位。 问题二，单位英寸像素数PPI适配：使用rem单位，文字会发虚。段落文字，使用px单位，用media query或js来适配。标题文字可以直接使用rem单位。 问题三，设备 ...

需要安装依赖包 lib-flexible postcss-pxtorem 在main.js 引入 lib-flexible postcss-pxtorem ...

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

移动前端自适应解决方案和比较 昨天晚上仔细看了这篇文章，写的很好，转载下来，常记于心. 以下文章摘自:前端开发博客 (http://caibaojian.com/mobile-responsive-example.html) 以下为正文: 互联网上的自适应方案到底有 ...

互联网上的自适应方案到底有几种呢？就我个人实践所知，有这么几种方案： 固定一个某些宽度，使用一个模式，加上少许的媒体查询方案 使用flexbox解决方案 使用百分比加媒体查询 使用rem 淘宝最近开源的一个框架和网易的框架有同工之异。都是采用rem实现一稿解决所有设置 ...

一、利用lib-flexible、postcss-plugin-px2rem插件 进行移动端rem适配。 1、第一 　　引入lib-flexible . 　　安装lib-flexible：　　npm i lib-flexible --save-dev 　　在项目的入口main.js文件中 ...