iPhone 5 页面加载时不缩放

Question

我刚刚创建了一个移动优化的网站。但是，我已将页面上的最小宽度设置为 350px，这似乎比 Iphone 5s 屏幕大 30px。

为了解决这个问题，我尝试将

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

和

<meta name="viewport" content="width=350, initial-scale=1, maximum-scale=1" />

以及其他变体，包括删除最大比例、添加无用户滚动的初始比例

如果我同时删除初始值和最大值并使用设备宽度，它会加载适合屏幕的内容，但会在页面加载后展开

无论我尝试什么，我似乎总是在 iPhone 上滚动。有谁知道如何让页面开始以适应屏幕（不破坏其他手机的布局）

Answer 1

我发现当我的最小宽度对于某些屏幕来说太大时，我需要使用

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

然后将以下内容添加到我的 css:

@media (max-width: 350px) {
  @viewport {
    width: 350px;
  }
}

其中 350 是网站的最小宽度

iPhone 5 not zooming on page load