iphone - 元视口 - 设备宽度必须是最小值

Question

我们创建了一个优化为 480px 的网站。但是，如果我们将元视口设置为 device-width 且初始比例 = 1，那么在 iPhone 上，宽度为 320 像素，站点为宽。

将初始比例设置为 0.65 时，该站点在 iPhone 上很好，但在 iPad 上，该站点太小了！

我们如何将显示站点的最小宽度设置为 480 像素但没有水平滚动条？Body { min-width 480px; }已在 CSS 中设置。

Answer 1

也许尝试这样的事情：

<meta name="viewport" content="width=device-width">

如果这不起作用，您可以使用 CSS 中的媒体标签：

@media all and (max-width: 480px) {
    body { -webkit-transform: scale(0.65); }
}