元视口 - 设备宽度需要最小化

Question

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

当在0.65上设置初始比例时，iPhone上的网站是好的，但是iPad上的网站太小了！

我们如何才能将显示网站的最小宽度设置为480px但没有水平滚动条？ 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); }
}