2017-04-26 39 views
0

當我在Chrome打開網頁http://www.stuttmann-karikaturen.de/karikatur/6358,使瀏覽器窗口儘可能的窄,然後將圖像向左滑動鼠標,一切正常,因爲它應該 - 標題停留在中心和圖像招式:整個網站在iPhone上向左移動時 - 如何關閉該功能?

In Chrome with window made small

如果我切換到iPhone 6視圖模式和做的一樣,在冠軍向左邊移動以及(就像它在真實的iPhone):

In Chrome in iPhone 6 mode

我不知道足夠的CSS來找到背後的原因(我沒有寫,這是我的藉口)。

我檢查了包含的元素(下圖1,2)是否太寬,但據我所知它恰好適合手機寬度(兩者都設置爲375,與iPhone的寬度相匹配Chrome瀏覽)(3): Container widths

如此看來,無論是

<div id="container"> 

也不

<div id="wrapper"> 

負責。我猜想在小型瀏覽器窗口中滑動的行爲和iPhone中的滑動行爲之間存在差異。我怎麼能把它關掉?

附加說明: owl-carousel只是爲jQuery添加這個庫功能。我沒有發佈額外的代碼,因爲(a)該問題在網上可見,(b)涉及很多代碼,可能是負責任的,所以我應要求發佈。

+0

這很可能不是問題,但你有一個''標籤在你的'head'裏?如果不是,請嘗試添加。 –

+0

@JoeClay - 差不多 - 我有「width = device-width,initial-scale = 1.0,maximum-scale = 1.0,user-scalable = 0」 – Olaf

回答

3

嘗試撥打

overflow-x: hidden 
對身體

,這將解決您的問題。

此錯誤出現,因爲在你的滑塊圖像的寬度過大

+0

OMG - 非常感謝。我很震驚這是多麼令人尷尬的簡單。 – Olaf

+0

@Olaf沒問題 –

相關問題