iPhone 5 不缩放页面加载答案

【问题标题】：iPhone 5 not zooming on page loadiPhone 5 不缩放页面加载
【发布时间】：2016-09-09 09:41:05
【问题描述】：

我刚刚创建了一个针对移动设备进行了优化的网站。但是，我将页面上的最小宽度设置为 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 上滚动。有谁知道如何使页面开始以使其适合屏幕（不破坏其他手机的布局）

【问题讨论】：

【解决方案1】：

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

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

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

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

其中 350 是网站的最小宽度

【讨论】：