Meta viewport - Device-width需要最小

Question

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

当将初始比例设置为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); }
}