提问人：Scott 提问时间：6/5/2019 更新时间：6/5/2019 访问量：204
网站未正确调整为移动设备大小（元值到位）
Website not resizing to mobile correctly (meta values in place)
问：
我正在建立一个基本的网站，当我在移动设备上查看它时，它会放大打开，而不是显示移动 CSS 的全宽 （480px）。
我已经正确设置了元 -
<meta name="viewport" content="width=device-width, user-scalable=0"/>
我试过做初始缩放，但这不起作用。
网址是：http://scottstuart.co/hopkinsgroupwp/
有谁知道如何解决这个问题？
答：
0赞
BugsArePeopleToo
6/5/2019
#1
因为您与我们共享的元标记上写着“使网站的宽度等于设备视口的宽度”。
然后你的CSS说“使这个div 480px宽”。
浏览器别无选择，只能在您的网站上放置一个水平滚动条以适应强制的 480px 宽度。
解决方案，两件事......
1） 将以下内容添加到视口元标记值中：
initial-scale=1
2）当视口小于480px时，您可能应该转到另一个媒体查询。width:100%
0赞
Gianluca Pinieri
6/5/2019
#2
问题出在您的元标记中。
而不是你应该写.user-scalable=0initial-scale=1.0
除此之外，我强烈建议您使用相对长度单位，例如 %vh 和 vw，而不是绝对长度单位，例如 px。这将使内容在不同设备上看起来更容易相同。
评论