我正在设置一个基本网站，当我在移动设备上查看它时，它会放大打开，而不是显示移动 CSS 的全宽（480 像素）。
我已经正确设置了元数据 -
<meta name="viewport" content="width=device-width, user-scalable=0"/>
我尝试过进行初始缩放，但这不起作用。
网址是：http://scottstuart.co/hopkinsgroupwp/
有谁知道如何解决这个问题？
【问题讨论】：
标签： jquery html css xhtml meta
因为您与我们共享的元标记说“使网站的宽度等于设备视口的宽度”。
然后你的 CSS 说“让这个 div 宽 480px”。
浏览器别无选择，只能在您的网站上放置一个水平滚动条以适应强制的 480 像素宽度。
解决方案，两件事......
1) 将此添加到视口元标记值：
initial-scale=1
2) 当视口小于 480 像素时，您可能应该在另一个媒体查询中转到 width:100%。
【讨论】：
问题出在您的元标记中。
你应该写initial-scale=1.0，而不是user-scalable=0。
除此之外，我强烈建议您使用相对长度单位，例如 %、vh 和 vw，而不是绝对长度单位，例如 px。这将使内容在不同设备中看起来更容易。
【讨论】：