我在移动设备上看到了一些令人讨厌的侧滚动。我有两个@media 查询集，平板电脑和手机。
@media only screen and (max-width: 767px) {
.wrap { max-width: 300px; }
这是问题吗？有没有更好的方法来做到这一点，例如使用百分比？
我应该添加第三个@media 查询并设置更具体的百分比吗？目前只有 2 个断点相当宽。
问问题
124 次
2 回答
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% 。它可以正常工作。
于 2013-02-23T06:46:11.787 回答
0
追问，你个人觉得在767px以下再增加一个#media屏幕断点值得吗？例如旧手机和 iPhone 的 320 像素？
于 2013-02-23T20:02:56.257 回答