响应式页面为了适应不同的终端设备而产生，体验较好，可以自动识别屏幕宽度以改变布局形式。但 不是所有的应用都适合做成响应式 对于一些大型复杂的应用，使用 移动端H5页面 和 PC端应用 协同使用，可以提

前言：根据最近做的一个医疗手机端项目总结在移动端，vue怎么在不同屏幕上做根据不同屏幕大小适配 1、适配方案 在本项目中我所使用的vue移动方案是使用amfe-flexible 和 postcss-p

h5使用vw实现自适应 -安装postcss-px-to-viewport&&踩坑&&postcss.config.js

VW是基于Viewport视窗的长度单位，1vw = window.innerWidth/window.innerHeight*1%，如果是750设计稿，100vw = 750px，即1vw = 7.5px，我们可以根据设计稿上的px值直接转为vw值。但是这样计算不太方便，所以…

1. 安装amfe-flexible和px2rem-loader 2. 配置amfe-flexible 3. 配置px2rem-loader 4. 展示效果 1. postcss-aspect-ratio-mini 有一点需要特别注意：aspect-ratio属性不能和其他属性…

前言 移动端rem的适配已经淘汰了，目前大家使用的都是viewport。lib-flexible作者也在github明确的表示lib-flexible这个解决方案可以放弃使用了。 本文带大家一起来看看