html - iphone 上的网站真的很小

Question

所以我把一个网站推到了http://austinenl.com但是在 iPhone 上，它似乎真的缩小了。根据我的研究，我需要添加

  <meta name="viewport" content="width=device-width; initial-scale=1.0;">

但是，在添加这个之后，我仍然收到报告说该网站在 iphone 上看起来很糟糕。我找不到任何其他来源可以就导致此问题的原因提供任何其他建议，因此我希望这里有人可以提供帮助。

Answer 1

而不是使用:<meta name="viewport" content="width=device-width; initial-scale=1.0;"> ，它使用分号。

您可以尝试使用:<meta name="viewport" content="width=device-width, initial-scale=1"> , 使用逗号。

如果多年来一直使用第二个选项并且一切正常。这就是 Apple 的意图。查看Supported Meta Tags.

编辑:我检查了您的 CSS 并发现了一些我不确定它们用于何处的规则，但删除它们似乎有所帮助。

.area-checkboxes {
  display: -webkit-flex;
}

.area-checkbox {
  min-width: 250px;
  -webkit-flex: 1 1 250px;
  flex: 1;
}

均在 style.css 中找到