网站在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

中找到了两者

Answer 2

尝试向身体添加100％的宽度并回复我

html,body{width:100%}