我一直在研究我的第一个响应式设计，在我的iPhone上查看时遇到了一些麻烦。当我在iPhone上打开一个页面时，它稍微向左放大 - 恰好错过了最右侧的文本。iPhone在打开时放大页面
你可以找到网站here。视口meta标签看起来像这样：
<meta name="viewport" content="width=device-width; initial-scale=1.0;" />
它在我的电脑和我的iPad上看起来不错。任何和所有的帮助表示赞赏。
发现了它。我已将width:100%;和padding:0 10px;放在@media only screen and (max-width: 600px)下的.wrapper元素上。更改为width:96%和padding: 0 2%;，它的工作方式就像一个魅力。
感谢您的帮助！
试试这个视口，它的作品在我的网站巨大的：
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
不幸的是，没有工作。那么可能是在CSS中的东西？ – 2012-04-18 23:21:07
最有可能。您可能有一些内容超出了页面。 – 2012-04-18 23:24:27
只需从我的iPhone上查看您的网站。这绝对是CSS。确保你没有任何固定的宽度值，而是％。 – 2012-04-18 23:42:39
尝试将width:100%; overflow:hidden;添加到body和html元素中。如果你的页面加载不同，它肯定是一个CSS问题。
它可能适用于您，但您是否测试了它在不同设备上的外观？ Android，Windows手机，小屏幕？使内容适合缩放我认为根本不解决问题。 – 2015-01-15 09:39:11