iPhone視口混亂/ window.innerHeight

Question

我無法適應iphone的屏幕尺寸的網站。

我在做什麼是以下內容：我有一個幻燈片，其中有幾張圖片在頁面後面運行全屏，頂部有小文本。

當我建立我做下面的幻燈片：

$('#bg').css('width', window.innerHeight).css('height', window.innerWidth); 

然後我插入的幻燈片和規模，並相應地裁切照片。這在所有基於桌面的瀏覽器中都可以很好地工作。然而，iPhone並沒有返回它的實際屏幕尺寸，而是5000的值，所以我得到了一個相當大的幻燈片。根據給定的CSS，佈局的其餘部分看起來完美無瑕。

我不知道視「物」與iPhone和已經閱讀：http://developer.apple.com/library/safari/#documentation/appleapplications/reference/safariwebcontent/UsingtheViewport/UsingtheViewport.html害得我插入以下元標記：

<meta name="viewport" content = "user-scalable=no, initial-scale=1" /> 

再次，這並沒有什麼差別，iPhone仍然會返回5000px的尺寸。

任何人都可以告訴我我做錯了什麼？非常感謝！

Answer 1

好了，所以什麼爲我所做的是使用元標籤的這個組合的伎倆：

<meta name="viewport" content="user-scalable=no, width=device-width" /> 

Answer 2

嘗試寬度=設備寬度在元標記 - 並確保您沒有任何其他5000像素寬的元素。