Html 在firefox上,仅CSS缩尺IMG

Html 在firefox上,仅CSS缩尺IMG,html,css,image,google-chrome,firefox,Html,Css,Image,Google Chrome,Firefox,我有 在Chrome上,当窗口缩小时,它会缩小图像,但不会将图像放大到超过其宽度。这是我想要的行为 但在Firefox上,图像不会缩小,而是保持不变。 推杆宽度:100%;在那里可以确保Firefox缩小尺寸,但放大所有较小的图像,这是我不想要的 我一定错过了一些基本的东西。我事先也不知道图像的大小。找到了。postLeft的祖父母 .postImg { text-align: center; } .postImg img { max-width: 100%; } 实际上什么

我有

在Chrome上,当窗口缩小时,它会缩小图像,但不会将图像放大到超过其宽度。这是我想要的行为

但在Firefox上,图像不会缩小,而是保持不变。 推杆宽度:100%;在那里可以确保Firefox缩小尺寸,但放大所有较小的图像,这是我不想要的


我一定错过了一些基本的东西。我事先也不知道图像的大小。

找到了。postLeft的祖父母

.postImg {
    text-align: center;
}

.postImg img {
    max-width: 100%;
}

实际上什么都没做,只是破坏了图像。

是什么元素。postImg?你能试着在上面设置一个
宽度
,或者将其设置为
显示:块以查看它是否有任何区别?你能拿出一个JSFIDLE或类似的工具来演示这个问题吗?当我这样做的时候,它对我很有用:你的设置不同吗?当我在小提琴中复制我的代码时,它不起作用,但是有太多的东西我不知道该怪什么
display: inline-block;
*display: inline;