在移動瀏覽器中左右移動頁面

我正在開發一個項目，遇到一個大問題。我正在使用引導程序，我需要將頁面變成全寬。我正在使用容器流體。在桌面上一切正常，但在移動設備上，頁面左右移動，就好像容器比顯示器大。沒有滾動條，但你可以用手指移動它，它只移動一點點，但它很煩人。我甚至不知道在哪裏檢查。它是一個建立在Sparkpay CMS上的網站，它使用引導程序3.我甚至不知道如何引用這個問題，我一直在尋找解決方案，但是我沒有發現很多類似於我的情況的帖子。在移動瀏覽器中左右移動頁面

的鏈接是： https://store55652.mysparkpay.com/

我知道我應該張貼的代碼，但我真的是在這裏的損失。我搜遍了所有的CSS（有幾個文件），我無法弄清楚。任何幫助在這裏將不勝感激。

來源

2017-06-21 adam g

嘗試切換到引導3.3.7 – JapanGuy

使用Chrome開發者工具（或您所選擇的開發工具），看看哪些元素正在下降你'body'元素（長相之外像只有'navbar'）。包括在'body'上設置'overflow-x：hidden'的所有答案只是解決問題的根源。 – larrylampco

即使在桌面上，您也可以向左/向右滾動。

簡單的方式來解決的就是添加：

html { 
    overflow-x: hidden; 
}

但實際上，你應該可以解決溢出的元素。例如，您爲容器流體設置了左/右填充0，那麼您應該爲行設置左/右邊距爲0（現在爲-15px）。否則，它將從容器中移出。

來源

2017-06-21 05:08:22

這對我的作品

html, body {width: auto!important; overflow-x: hidden!important}

來源

2018-02-04 10:12:12

在移動瀏覽器中左右移動頁面

回答

相關問題