當我在Chrome打開網頁http://www.stuttmann-karikaturen.de/karikatur/6358,使瀏覽器窗口儘可能的窄,然後將圖像向左滑動鼠標,一切正常,因爲它應該 - 標題停留在中心和圖像招式:整個網站在iPhone上向左移動時 - 如何關閉該功能?
如果我切換到iPhone 6視圖模式和做的一樣,在冠軍向左邊移動以及(就像它在真實的iPhone):
我不知道足夠的CSS來找到背後的原因(我沒有寫,這是我的藉口)。
我檢查了包含的元素(下圖1,2)是否太寬,但據我所知它恰好適合手機寬度(兩者都設置爲375,與iPhone的寬度相匹配Chrome瀏覽)(3):
如此看來,無論是
<div id="container">
也不
<div id="wrapper">
負責。我猜想在小型瀏覽器窗口中滑動的行爲和iPhone中的滑動行爲之間存在差異。我怎麼能把它關掉?
附加說明: owl-carousel只是爲jQuery添加這個庫功能。我沒有發佈額外的代碼,因爲(a)該問題在網上可見,(b)涉及很多代碼,可能是負責任的,所以我應要求發佈。
這很可能不是問題,但你有一個''標籤在你的'head'裏?如果不是,請嘗試添加。 –
@JoeClay - 差不多 - 我有「width = device-width,initial-scale = 1.0,maximum-scale = 1.0,user-scalable = 0」 – Olaf