移动设备上的侧滚动

我在移动设备上看到一些令人讨厌的侧滚动。我有两个@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

移动设备上的侧滚动

回答

相关问题