我一直在研究我的第一個響應式設計，在我的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