0

我正在使用 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 都是基于百分比的，所以一旦用户切换到横向，它应该在保持比例的同时进行缩放，对吗？

此外，这发生在最后两张图片中，这很奇怪。

谢谢！

4

0 回答 0