0

I have a problem with mobile resolutions, because background is not 100% width when I use smaller reolutions. It looks like this:

enter image description here

When I use higher resolutions, it works fine. I have tested my website by using http://mattkersley.com/responsive/ and it shows that 100% width background works only from 768 x 1024 (iPad - Portrait).

How can I fix it?

4

3 回答 3

1

你可以试试这个

body {
padding-left: 20px;
padding-right: 20px;

}

或者

body {
    padding-left: 0px;
    padding-right: 0px;
}

或者

body {
    background-color: yourcolor;
}
于 2013-11-05T12:29:42.580 回答
1

从bootstrap.responsive.css文件中删除此行，然后正文将 100% 填充

body {
    padding-left: 20px;
    padding-right: 20px;
}

或者，您也可以将其更改为

body {
        padding-left: 0;
        padding-right: 0;
    }

尝试两者中的任何一个，这对你有用

于 2013-11-05T12:11:40.213 回答
0

我在页面上遇到了这个确切的问题，只是添加了 padding-left:0px; 和 padding-left:0px; 到我的 CSS 中的 body 标记完美地完成了这个技巧，而没有弄乱我的任何其他 shiz。非常感谢，它是一个简单的修复，但有时像这样的简单事情不能很好地与引导程序配合，所以找到合适的就很好。:)

于 2014-06-26T11:32:30.790 回答