我在移动设备上看到一些令人讨厌的侧滚动。我有两个@media查询集，平板电脑和移动设备。
@media only screen and (max-width: 767px) {
.wrap { max-width: 300px; }
这是问题吗？有没有更好的方法来做到这一点，例如使用百分比？
我应该添加第三个@media查询并设置更具体的百分比吗？目前只有2个断点相当宽。
答案 0 :(得分：0)
我检查了您的代码<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％。它可以正常使用。
答案 1 :(得分：0)
后续问题，你个人认为增加另一个#media屏幕断点低于767px是否值得？例如320px用于旧手机和苹果手机？