页面自适应布局以及分辨率适配方案 流式布局 保证布局内每一级必须设置相对于父级百分比宽度，但设计稿一般都是按照固定宽度设计，内部图片都是固定大小，拉伸或者缩放时都会导致变形，虽然都够实现布局宽度上的自

vue移动端适配-postcss-px-to-viewport，通过vw作为视图单位来适配不同的移动端设备

简要介绍：前端开发中，静态网页通常需要适应不同分辨率的设备，常用的自适应解决方案包括媒体查询、百分比、rem和vw/vh等。本文从px单位出发，分析了px在移动端布局中的不足，接着介绍了几种不同的自适应解决方案。 在静态网页中，我们经常用像素（px）作为单位，来描述一个元素的宽…

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

我是Kagol，个人公众号：前端开源星球。你的项目是不是正在不断膨胀，构建速度越来越慢，包体积越来越大，性能越来越慢？想拆分不同仓库分开维护，又担心代码不方便复用？你可能需要改造成Monorepo啦！

react-app-rewired2.* 以后，不支持injectBabelPlugin的方式，所以需要安装customize-cra。 项目重新启动就可看到效果了。

引入 react-app-rewired 并修改 package.json 里的启动配置。由于新的 react-app-rewired@2.x 版本的关系，你还需要安装 customize-cra。 1. antd-mobil的按需引入

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

尝试在react使用postcss-px-to-viewport进行自适应布局，其中遇到了一些比较坑的地方。