Twitter Bootstrap / Landscape模式问题

时间:2013-04-04 05:36:58

标签: css twitter-bootstrap

我正在使用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%;

}

这就像肖像模式中的魅力一样:

Portrait mode

然而,在横向模式中,我在最后两张图片中收到了这个丑陋的错误:

Landscape Mode

图像大小相同,所以不是问题。此外,我的所有CSS都基于百分比,所以一旦用户切换到横向,它应该按比例缩放,对吧?

此外,这发生在最后2张图片中,这非常奇怪。

谢谢!

0 个答案:

没有答案