2017-03-21 23 views
0

我有網站,運行良好,如果在桌面和Android設備中打開,但是當我在iOS設備如Iphone和Ipad中打開時,背景並未像其他設備一樣修復,它會擴大背景並在頁面右側創建空白區域,我用user-scalable=no使用戶無法滾動到空白區域,但仍然無法工作。其實,我已經使用overflow-x: hidden;,但我的導航欄沒有像往常一樣工作,href沒有去目標身份證。例如,<a href="#news">news</a></li>它應該轉到div id消息,但它隨機發送。那麼,我應該使用什麼來防止用戶在iOS中滾動?如何禁用iOS中的滾動溢出x與CSS

這是iOS上的空白空間的例子:

the page the blank space

回答

0

iOS的Safari瀏覽器有它自己的一套問題。它通常傾向於忽略所有溢出:隱藏你在body和html上給出的。我發現到目前爲止唯一的解決方案是要麼讓你的身體與你的視口的大小完全一致,並且滾動內容,或者只是固定身體的位置,以防你的背景滾動時,當你有一個浮動內容在上面你想滾動。

+0

你能舉個例子嗎?也許我是如何讓身體與iPhone 5一樣大小的,如果用戶用iphone 5打開的話?謝謝 – Rian

+1

最大高度:100vh;最大寬度:100vw; – wrick17

+0

它的身體或視口?它仍然可以滾動到右側 – Rian