我正在使用Twitter Bootstrap和Wordpress来制作投资组合网站。我没有修改过Bootstrap核心CSS(bootstrap.css和responsive.css),但是我添加了一些带有一些调整的自定义CSS。
在这种情况下,我创建了一个带有6个拇指的2列图库,使用它作为我的自定义CSS:
#featured-content {
padding: 3.125%;
}
#featured-content article.span4 {
float: left;
width: 48.33333333333333%;
margin: 0;
padding: 0;
margin-bottom: 20px;
}
#featured-content article.span4.even {
margin-left: 3.33333333333334%;
}
#featured-content article.span4 img {
min-width: 100%;
}
这就像肖像模式中的魅力一样:
然而,在横向模式中,我在最后两张图片中收到了这个丑陋的错误:
图像大小相同,所以不是问题。此外,我的所有CSS都基于百分比,所以一旦用户切换到横向,它应该按比例缩放,对吧?
此外,这发生在最后2张图片中,这非常奇怪。
谢谢!