2012-02-01 70 views
2

因此,我在iOS產品上遇到JQM和設備旋轉問題。當用戶旋轉屏幕時,它不會調整大小以填充。我有這條線在處理顯示器大小的頭部:jquery移動設備旋轉縮小屏幕

<meta name="viewport" content="height=device-height,width=device-width,initial-scale=1.0,maximum-scale=1.0" > 

有誰知道iPhone爲什麼沒有正確處理屏幕旋轉?它在我的android上正常工作。

回答

3

把它弄出來哈哈。

在我的腦海

,我這樣做:

<meta name="viewport" content="height=device-height,width=device-width,initial scale=1.0,maximum-scale=1.0" > 

這樣:

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

愚蠢的錯誤。希望這可以幫助你們中的一些人。

+1

要正確縮放所有設備的屏幕尺寸,您應該在新的'viewport'標記中添加'width = device-width'。 – Jasper 2012-02-01 23:24:37

+0

這會破壞iPhone上的旋轉嗎?這就是我發現問題的地方...... – gabaum10 2012-02-02 14:03:35

+1

我有這個問題,而且我使用這個'viewport'標籤:''。我發現通過去除方向變化發生的'height = device-height'如預期的那樣發生。我還發現,如果在'viewport'標記中有'height = device-height',那麼您可以通過在'orientationchange'的'viewport'標記中切換高度/寬度值來解決iOS方向改變問題。 – Jasper 2012-02-02 17:23:11