常见的meta标签可能会如下写
<!-- <meta name="viewport" content="width=device-width,initial-scale=1.0">-->
这个标签会导致以原尺寸展示网页内容,导致页面放大。
解决方案如下
方法:首先设置body最小宽度
body{min-width:1200px}
方法:若还行不行,设置meta头部
<meta name="viewport" content="width=1200, initial-scale=0.2"/>
其他的缩放内容直接搜索meta的属性含义进行设置即可
另:通常的Vue项目中,meta标签通常在index.html文件中修改
meta标签总结http://t.csdnimg.cn/bAn4Uhtml页面pc端显示正常,手机端页面整体偏左(兼容性处理)
http://t.csdnimg.cn/d11Ie