Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

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.

  • 6 replies
  • 29 have this problem
  • 39 views
  • Last reply by Aly-kun

more options

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!

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 👍 0

All Replies (6)

more options

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.

more options

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

more options

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)?

more options

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

more options

You can try to ask advice at a forum that is specialized in such issues to see if there is a better solution.

more options

I had the same problem, and this worked for me: img {max-width:100%; width:100%;}