手机宽度适配限制

https://mp.weixin.qq.com/s/NW0weM7aCgQ1o_IcFUrHQQ

软工集市项目的移动端适配使用的amfe-flexible + postcss-pxtorem.

方案是没问题的，不过用max-width限制了宽度之后要配置一下。

对于postcss-pxtorem，propList要加上对max-width的排除。

propList: [‘*’, ‘!min-width’, ‘!max-width’]

刚才看了一下，如果用min-width，需要对amfe-flexible进行配置。不过由于amfe-flexible并没有提供配置的接口，而且作者已经不再维护，所以直接改源码就好了。拷贝了一份到utils文件夹，然后再main.js使用修改过的amfe-flexible。修改的内容主要是当宽度到一定程度后，就不再继续调整根元素的font-size.

不过现在对于vant组件的popup等支持不太友好，因为这些会脱离正常文档流。

目前的办法是给这个设置max-width，然后水平居中一下。

其实默认left:auto就会自动居中：

van-tabbar等默认是left:0，所以要自己设回left:auto.

.van-tabbar {
    left: auto;
    max-width: 600px;
    height: 55px;
    background-color: #f0f0f0;
}