Vue媒体查询失效原因
网上总结的比较多,因为这是接手的项目,还不够熟悉代码,一一排查得到了一下结果:
// 出错位置
<meta name="viewport" content="user-scalable=0">
这个meta在html页面当中,vue只有一个这一个页面,会把所有模板放里面,我的这个html结构文件是index.html
以下是修改方式:
<meta name="viewport" content="user-scalable=0,width=device-width, initial-scale=1.0">
width=device-width, initial-scale=1.0 这两个比较重要
width=device-width 是指可视化宽度
initial-scale=1.0 是指缩放比例