2015-10-09 40 views
13

我似乎無法找到解決方法。ios9手機safari風景css與位置的錯誤:絕對底部:0

在移動Safari瀏覽器ios9,如果一個Web應用程序使用position:absolutebottom:0內容區域覆蓋整個屏幕,當landscape mode的Safari瀏覽器導航欄將覆蓋內容的底部,您不能滾動過去吧 - 它不要遮住肖像。

  1. 肖像模式是好的,即使在導航欄有
  2. 它不是一個方向變化的bug,發生,如果頁面在景觀開始​​,如果網頁被添加到主屏幕
  3. 錯誤不會發生,作品完美的風景和內容是可見的(因爲導航不存在)

那麼,爲什麼Safari瀏覽器得到bottom:0正確的肖像,但不是風景?

+0

不能相信沒有人會遇到這個尚未出色的老Safari瀏覽器! –

回答

7

神奇地固定在html元素上設置position:fixed這個

html { position:fixed; width:100%; height:100%; overflow:hidden; }

不知道爲什麼,但必須是一個渲染錯誤,fixed作品圍繞

出於某種原因fixed也改變字體大小景觀但我也可以解決這個問題

+0

這對我和我們的情況有效。儘管它可能不適用於其他人。 – NielsH

+2

偉大的解決方案!被困這幾個小時。 – gMirian

+0

不再有效。 –

2

我有同樣的問題,如果它的方向變化landscape模式,您viewport元更改爲:

width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no 

我簡單地找到$('meta[name="viewport"]')和更換其content這樣做。