Image scaling

[jwkscholte]

hello,

in my website I’ve got images and in chrome en safari they scale automatically but in firefox they stay the max size. Does any of you know why?

http://codepen.io/jwks/pen/eNmXRg

[timbarden]

Hi,

Looking at your CodePen I’m not seeing any visual differences in Firefox, Chrome and Safari. What exactly do you mean by “they scale automatically”?

[jwkscholte]

In chroom and Safari it scales(the width) but when I open it in firefox the images go over each other and don’t scale when you make the venster smaler. In my website there are a few next to each other.
My website is made with bootstrap by the way (don’t know if that makes a difference)

[timbarden]

I get the impression your CodePen isn’t actually highlighting the issue you are trying to explain (you only have one image in it), plus I’m still not really sure what you’re trying to achieve apart from perhaps responsive images?

I’d suggest posting a more relevant CodePen that actually shows the problem.

[jwkscholte]

hello,

You can check my problem here:
http://jwkscholte.nl/dummie.html

[timbarden]

Hey, I think it’s something to do with the inline-block on your .jm-item, as highlighted in this Firefox bug report.

I was able to fix it by removing the inline-block or adding width: 100% to the img element.

[Author]

Posts