2013-06-27 26 views
0

CSS下限值IMG,在Firefox

.postImg { 
    text-align: center; 
} 

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

其中在Chrome downscales图像时按比例缩小的窗口,但不高档的形象过去,它的宽度。我期望的行为。

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

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

+0

什么样的元素是.postImg?你可以尝试在那里设置一个'width',或者将它设置为'display:block;'来查看它是否有什么区别?你可以搭上一个JSFiddle或类似的来演示这个问题吗? –

+0

适用于我时,我这样做:http://jsfiddle.net/MrLister/J935P/1/你的设置不同吗? –

+0

当我在小提琴中复制我的代码它不起作用,但有很多东西,我不明白是什么责怪 – Meltea

回答

1

发现它时,.postLeft的盛大母公司有

display: inline-block; 
*display: inline; 

里面居然什么也没做只是打破了图像。