爲什麼我的網站在iPhone上查看時放大到我的.wrapper div？

我使用html5樣板將此網站更改爲html5。在桌面或iPad上查看時，一切看起來都很好，但當我在iPhone上查看它時，它只放大顯示我的.wrapper div的內容。我嘗試刪除許多人建議的。我也嘗試添加最大規模1.0，初始規模1.0和最小規模1.0，並且這些或它們的組合都沒有解決問題。我也嘗試設置我的身體和HTML標籤的寬度：100％沒有運氣。我似乎無法弄清楚問題是什麼，如果它是一個CSS或元標記問題。該網站位於www.sweetestgourmet.com。爲什麼我的網站在iPhone上查看時放大到我的.wrapper div？

來源

2013-11-15 g ekstrom

使用CSS3媒體查詢

包括在頭標記meta標籤的顯示

然後在樣式表taget iPhone作爲

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

    /* write your css */ 
}

這裏是教程http://css-tricks.com/css-media-queries/

來源

2013-11-15 13:03:14

雖然此鏈接可以回答這個問題，最好是在這裏有答案的主要部件，並提供鏈接以供參考。如果鏈接頁面更改，則僅鏈接答案可能會失效。 – Nunser

謝謝你的建議，我會嘗試下次實施表格。 –

感謝這工作，通過添加90px的保證金來阻止徽標在左側被切斷，但除了聯繫頁面外，右側沒有保證金。爲什麼邊緣只能在其中一頁上工作？此外，它仍然放大肖像，看起來很好的景觀。再次感謝！ –

嘗試添加這<head>

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

來源

2013-11-15 13:06:17

爲什麼我的網站在iPhone上查看時放大到我的.wrapper div？

回答

相關問題