2013-06-27 27 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; 

裏面居然什麼也沒做只是打破了圖像。