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是网站的最小宽度