CODEWITHSUNDEEP
htmlcssimagegoogle-chromefirefox
David Polák
David Polák

Reputation: 1691

CSS Downscale IMG only, on firefox

I have 

.postImg {
    text-align: center;
}

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

Which on Chrome downscales images when the window is downscaled, but does not upscale the image past it's width. Which I the desired behaviour.

But on Firefox the images don't get downscaled and stay the same size. Putting width: 100%; in there ensures the Firefox downscaling, but upscales all smaller images, which is what I don't want.

I must have missed something basic here. And I do not know the size of the image beforehand.

Upvotes: 0

Views: 187

Answers (1)

David Polák
David Polák

Reputation: 1691

Found it, grand parent of the .postLeft had 

display: inline-block;
*display: inline;

Which actually did nothing just broke the images.

Upvotes: 1

Related Questions