viewportWidth也是vw布局从配置上来说比rem布局简洁了很多，bu需要配置安装lib，也不需要增加一个rem.js文件。在vue.config.js中找到loaderOptions，如果没有的话需要在css属性下增加postcss. selec

rem是根元素中的font-size值。rem布局不多赘述，有很多详细说明rem布局原理的资料。简单的说，通过JS获取设备宽度动态设定rem值，以实现在不同宽度的页面中使用rem作为单位的元素自适应的效果。const baseSize = 192; //

然后再，安装postcss-px2rem插件

vw解决方案早有耳闻，我也很想上手尝试一下，所以想要自己上手配置一个CRA脚手架的解决方案。在自己动手之前也先查了一些资料，其中Ghan的这篇博客很有帮助：使用create-react-app脚手架搭建vw-layout解决方案。和Ghan的方案不同，我研

npm run dev这时报错 Error: No PostCSS Config found in... 本以为是 GitHub 上传的问题，后开又试了两回，发现问题依然存在，于是就开始网上寻找办法。npm run dev完美运行。

更改js的时候可以正常编译以及刷新浏览器。可是每次修改css保存的时候页面就会报这个错误。很无奈，不知道如何修改。这可能就是工程化带来的副作用之一吧。怀疑是postcss的问题。也确实是向这个方向查找的，每次搜索都在这postcss关键字，查找无果。原因是

PostCSS介绍PostCSS是一个利用JS插件来对CSS进行转换的工具，这些插件非常强大，强大到无所不能。其中，Autoprefixer就是众多PostCSS插件中最流行的一个。截至目前PostCSS已经有超过200个插件，你可以插件列表查找有没有你所

Bootstrap4的初始版本于本周刚刚发布，我希望大家都可以认识到，这是对这个流行的响应式CSS框架一次重大的彻底整修。该项目创始人，Mark Otto说这次的发布“几乎涉及每一行代码”，这并不是在开玩笑。社区和性能是Bootstrap决定在版本4中作此