在公司开发官网中领导说需要手机端和pc端的页面需要同样展示，当时觉得哪不简单？
然后开始了使用了flexiable.js+rem布局在pc端上可以根据窗口大小进行自适应宽度，本以为自信慢慢的使用手机端打开，ios上没有问题，但在华为鸿蒙系统上就出现了大问题。图片盒子的大小自适应了，但是文字没有，因为浏览器有最小字体12px的限制导致无法缩小，页面样式错乱。之后不停的在网上找答案没有一个是合适的，后来在meta标签上找到了猫腻。mate标签中的viewport标签是视口宽度的一个类型
width设置layout viewport的宽度，为一个正整数，或字符串"width-device"
initial-scale设置页面的初始缩放值，为一个数字，可以带小数
minimum-scale允许用户的最小缩放值，为一个数字，可以带小数
maximum-scale允许用户的最大缩放值，为一个数字，可以带小数
height设置layout viewport的高度，这个属性对我们并不重要，很少使用
user-scalable是否允许用户进行缩放，值为 "no" 或 "yes", no 代表不允许，yes 代表允许
反正最后解决的办法就是把nuxt.config.js中整个meat标签中的viewport标签给删除了，便解决了问题，还有在flexiable.js中也要去除他动态加载的meta标签方法。就大功告成了。
