使用Bootstrap 3 Jumbotron示例,在iPad(纵向)上观看时,不知何故,Jumbotron变得过宽并超出了视口。只是几个像素,这是真的,但仍然。在横向或iPhone上观看(纵向或横向)时不会发生这种情况。
我以为我搞砸了CSS,但事实证明这也发生在Bootstrap官方示例:http://getbootstrap.com/examples/jumbotron/
知道可以做些什么来解决它?
答案 0 :(得分:1)
问题在于,.jumbotron
padding: 30px;
与width: 750px;
.container
相结合,加起来为810px。对于iPad来说,显然有点太宽了。
解决方法是在CSS中添加如下规则:
.jumbotron .container{
max-width:750px;
width: auto;
}
编辑:原来在Github上已经有关于此的错误报告:https://github.com/twbs/bootstrap/issues/11390 - 同时上面的代码应该修复它。