iphone網站顯示問題

Question

我的網站在iphone5和4s上顯示不正確。

的網址是：http://www.mya.co.uk/nonsurgicaldev/index.html

當手機處於縱向視圖和橫向和縱向視圖中的內容不適合屏幕寬度有左手側，沒有右側的大比分。

我的頁面上的表單，並隱藏在原始複選框這樣的：

:root input[type=checkbox] { 
position: absolute; 
left: -6em; 
} 

，我認爲它可能有一些與此有關，但我去掉複選框更換CSS和我仍然有問題。

我已經包括：

<meta name="viewport" content="width=320" /> 
<script> 
if (screen.width > 740) { 
var mvp = document.getElementById('testViewport'); 
mvp.setAttribute('content','width=740'); 
} 
</script> 

在我的頭上的標籤

。

有人可以幫我解決這個問題嗎？將不勝感激。

Answer 1

這是iOS中的一個bug，那是相當廣泛的記錄，你可以通過使用<meta>標籤解決它：

<meta name="viewport" content="width=device-width; initial-scale=1; maximum-scale=1">

或使用JavaScript的解決方案，因爲這Webdsigner wall文章中找到。