Images are no longer scaling with (img {max-width: 100%; }) in css as of update 34.0.5 in firefox, this still works great in IE and chrome.
My website worked great until firefox update 34.0.5. Now the images will not scale to fit the box anymore. I am using flexbox so that the site scales to fit the size of the browser. In css I set img {max-width:100%;} and this would make the jpg files automatically size to fit the box they were in, but not anymore as Mozilla has really screwed this up with update 34.0.5. My site still works great with IE and Chrome but 70% of my web traffic is using firefox so I really would like this to work in firefox. Any help is greatly appreciated!
Chosen solution
I got it working by setting a special parameter in CSS for the images I needed to scale and then I referenced this with SPAN for each img in the HTML, not quite how I wanted it to work since now the images fill the box even with really large format monitors meaning they could now be blurry on a 4k monitor but firefox left me no choice. Looks like I will be shifting to using chrome from now on as firefox really shit the bed on this 34.0.5 update
Read this answer in context 👍 0All Replies (6)
Using a percentage only works if all containing elements have dimensions (width) set. So you can check that in the Inspector via Inspect Element in the right-click context menu.
Everything worked fine before firefox updated to 34.0.5 and now images are not scaling down to fit the box like they used to. I need to know what changed with version 34.0.5 and specifically what is required to auto size an img because something major has changed with firefox 34.0.5
Did you check the Web Console (Firefox/Tools > Web Developer) possible for errors?
Can you post a link to a publicly accessible page (i.e. no authentication or signing on required)?
Chosen Solution
I got it working by setting a special parameter in CSS for the images I needed to scale and then I referenced this with SPAN for each img in the HTML, not quite how I wanted it to work since now the images fill the box even with really large format monitors meaning they could now be blurry on a 4k monitor but firefox left me no choice. Looks like I will be shifting to using chrome from now on as firefox really shit the bed on this 34.0.5 update
Modified by mr8uzz
You can try to ask advice at a forum that is specialized in such issues to see if there is a better solution.
I had the same problem, and this worked for me: img {max-width:100%; width:100%;}