问题:
今天在做一个vue项目的过程中,在一个项目中实现了pc端和移动端两套代码的自动切换,在移动端中用postcss转换成vw进行布局,但是实现后发现pc端也被转换了,pc端上的页面样式由于被转成vw后进行了放大。
解决方法:
找到pc端的承载组件的html文件(默认是public下的index.html文件)
然后修改meta标签
修改前:
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
删除content属性
修改后:
<meta name="viewport">
修改过后pc端样式就恢复正常了