html - iphone上的网站真的很小
<p><p>所以我将网站推送到 <a href="http://austinenl.com" rel="noreferrer noopener nofollow">http://austinenl.com</a>但是，在 iPhone 上，它似乎真的缩小了。根据我的研究，我需要添加 </p>
<pre><code><meta name="viewport" content="width=device-width; initial-scale=1.0;">
</code></pre>
<p>但是，添加此内容后，我仍然收到有关该网站在 iphone 上看起来很糟糕的报告。我找不到任何其他来源可以就导致此问题的原因提供任何其他建议，所以我希望这里有人可以提供帮助。</p>
<p> <a href="/image/fdrX0.jpg" rel="noreferrer noopener nofollow"><img src="/image/fdrX0.jpg" alt="iphone output"/></a> </p></p>
<br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
<p><p>而不是使用:<code><meta name="viewport"content="width=device-width; initial-scale=1.0;"></code>，它使用分号。</p>
<p>您可以尝试使用:<code><meta name="viewport"content="width=device-width, initial-scale=1"></code>，它使用逗号。</p>
<p>如果多年来一直使用第二个选项并且一切正常。这就是苹果想要的方式。见 <a href="https://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html" rel="noreferrer noopener nofollow">Supported Meta Tags.</a> </p>
<p><strong>编辑:</strong>我检查了你的 CSS，发现了一些我不确定它们的用途的规则，但删除它们似乎有帮助。</p>
<pre><code>.area-checkboxes {
display: -webkit-flex;
}
.area-checkbox {
min-width: 250px;
-webkit-flex: 1 1 250px;
flex: 1;
}
</code></pre>
<p>两者都在 <code>style.css</code></p> 中找到</p>
<p style="font-size: 20px;">关于html - iphone上的网站真的很小，我们在Stack Overflow上找到一个类似的问题：
<a href="https://stackoverflow.com/questions/33861468/" rel="noreferrer noopener nofollow" style="color: red;">
https://stackoverflow.com/questions/33861468/
</a>
</p>
页:
[1]