0

我用 PSD 创建了这个网站，所有的都是相对基本的 CSS。我在移动设备和平板电脑上有不需要的外部填充物。我希望网站的左右边缘与浏览器的边缘齐平。它大约有 20px 的不需要的填充。

请查看我的开发网站： http ://america.82ndmedia.com/

我已经测试过删除容器 div 的“margin：0 auto”并修复了它......但是我需要它才能在桌面上运行。

.container {
width: $w_total;
margin: 0 auto;
}

任何提示将非常感谢。谢谢！

4

2 回答 2

1

这是由以下规则引起的：

@media (max-width: 450px) {
   .header, .columns > .sidebar, .post_box, .prev_next, .comments_intro,
   .comment, .comment_nav, #commentform, .comment_form_title, .footer {
       padding-right: 13px;
       padding-left: 13px;
}

以某种方式删除或覆盖此规则。

于 2013-10-23T20:25:02.003 回答
0

我建议使用百分比而不是像素，因为您当前的设置将不起作用，并且很难使用硬编码像素进行响应式设计来维护。

例如，您在较小的屏幕上将主包装器div class="container"设置为 a max-widthof （这似乎是随机的），但在其中您有设置为 a of 之类的元素，这显然不适合。717pxid="blog"width1020px

如果您将这些内部元素设置为其外部容器的百分比，则使其工作起来会容易得多，并且它将真正具有响应性或流畅性。

于 2013-10-23T20:31:39.157 回答