我在页面上遇到一些问题，因为页面内容不多，因此篇幅很小。 iPhone正在缩放页面，由于这个原因，我无法看到完整的菜单栏（960px宽）。我使用媒体查询为纵向模式和移动设备设置了最小高度，并且分辨率最低。我真的不喜欢这样做，因为我不知道它在其他设备上是如何工作的，只有当用户不旋转屏幕时才会起作用（旋转后，原始问题会重新出现）。
是否有某种方法可以强制iphone显示最小宽度为960px，即使内容的高度没有填满屏幕？
答案 0 :(得分：0)
对于具有此META标记的Apple移动设备，您可以控制视口宽度和最大比例（允许深度访问者放大）：
<meta name="viewport" content="width=960px, maximum-scale=1.0" />
也适用于Android和其他移动浏览设备。
答案 1 :(得分：0)
默认情况下，iOS浏览器提供一组默认屏幕尺寸，无论实际屏幕res 还是方向。
为了让他们为@media标签提供实际的屏幕尺寸，他们会遵守一个Meta标签：
<meta name="viewport" content="width=device-width, initial-scale=1">
如果您将其添加到您的页面，那么您的@media命令应该与每个设备的实际屏幕分辨率一起使用。然后，您可以完全控制@media查询
然后，您可以使用width: 100%之类的内容来使用实际的屏幕宽度。