移動設備上的側滾動

我在移動設備上看到一些令人討厭的側滾動。我有兩個@media查詢設置，平板電腦和手機。移動設備上的側滾動

dev.bdbshop.com

@media only screen and (max-width: 767px) { 
.wrap { max-width: 300px; }

這是問題？有沒有更好的方法來做到這一點，例如使用百分比？

我應該添加第三個@media查詢並設置更具體的百分比嗎？目前只有兩個相當寬的斷點。

來源

2013-02-21 cunningfox

我已覈對完您的代碼<div id="sidebar-footer" class="sidebar"> 您知道此元素的確切寬度是多少？你已經使用過提到它的寬度超過了視口的100％。

#sidebar-footer { clear: both; margin-bottom: 0; margin-left: auto; margin-right: auto; margin-top: 0; overflow-x: visible; overflow-y: visible; width: 104.255%; }

使用100％，而不是104.255％。它適用於它。

來源

2013-02-23 06:46:11

就是這樣。不知道我是如何錯過的。謝謝！ – cunningfox 2013-02-23 19:56:10

我現在在內部帖子頁面看到一個較大的邊滾動問題。一切都是浮動的左邊緣，但是右邊有一個很大的填充問題想法？ – cunningfox 2013-02-24 00:28:18

後續問題，你個人認爲值得添加另一個#media屏幕斷點，然後767px？例如320px的舊手機& iPhone？

來源

2013-02-23 20:02:56 cunningfox

移動設備上的側滾動

回答

相關問題