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