为什么Chrome中的图片不超过500px?

时间:2012-03-10 16:56:52

标签: css google-chrome twitter-bootstrap

使用常规,相当宽的Google Chrome浏览器,请参阅http://abmphotography.beta.cjbm.net/aileen-kevin

图像的高度在CSS中定义,但宽度应该是自动的。它似乎与肖像图像一起使用,但景观图像最多限制为500px宽。

任何人都可以放弃任何光明吗?

2 个答案:

答案 0 :(得分:0)

Colin,您在两个选择器上将 max-width 设置为100%:

img
.thumbnail > img

这使得图像与容器一样大,因此不允许您寻求的扩展。在Chrome上禁用 max-width 属性可使图像符合您的预期高度,就像在其他浏览器上一样。

答案 1 :(得分:0)

要获得与其他浏览器一样的正确输出,您必须从css中删除max-width,请参阅下文。我从下面的CSS中删除了max-width:100%;

.thumbnail > img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}