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