为什么我的网站在 iPhone 上查看时会放大到我的 .wrapper div？答案

【问题标题】：Why is my site zooming into my .wrapper div when viewed on an iphone?为什么我的网站在 iPhone 上查看时会放大到我的 .wrapper div？
【发布时间】：2013-11-15 12:57:33
【问题描述】：

我使用 html5 样板将该网站更改为 html5。在桌面甚至 ipad 上查看时，一切看起来都很好，但是当我在 iphone 上查看时，它会放大仅显示我的 .wrapper div 的内容。我试过删除正如许多人所建议的那样。我还尝试添加 max-scale-1.0、initial-scale=1.0 和 minimum-scale=1.0，但这些或它们的组合都没有解决问题。我还尝试将我的 body 和 html 标签设置为 width:100%，但没有成功。我似乎无法弄清楚问题是什么，以及是否是 css 或元标记问题。该网站位于 www.sweetestgourmet.com。

【问题讨论】：

标签： ios css html

【解决方案1】：

尝试将此添加到<head>

<meta name="viewport" content="initial-scale=1, maximum-scale=1">

【讨论】：

【解决方案2】：

使用 css3 媒体查询

包含元标记，如 head 标记

中所示

然后在样式表中将 iphone 设置为

@media only screen and (max-width: 480px){

   /* write your css */
 }

这里是教程http://css-tricks.com/css-media-queries/

【讨论】：

虽然此链接可能会回答问题，但最好在此处包含答案的基本部分并提供链接以供参考。如果链接页面发生更改，仅链接的答案可能会失效。
感谢您的建议，下次我会尝试实施表单。
感谢这有助于通过添加 90px 的边距来阻止徽标在左侧被切断，但右侧没有边距，除了在联系页面上。为什么边距仅在其中一页上有效？纵向时它仍然放大，横向看起来很好。再次感谢！