Have you ever been a bit dissatisfied with how images display in Firefox? I was recently making up some web page mockups that I wanted to display full scale, as if they were being viewed in the browser, but I had 2 problems:
- The images were displaying with a white margin left and top
- Firefox automatically scales the images so they fit the window – annoying when my mockups were very long and I wanted to view them with a scrollbar.
Thankfully, there are solutions and they are permanent so you don't need to keep applying the fix each time you want to do this.
Bad, bad margins
- On a mac,??Right-click on Firefox app icon (in your Applications folder)
- Select Show Package Contents
- Then open contents>MacOS
- And then res
- Open html.css??in a text editor
- You'll find a line reading something like??
- If you have trouble finding it do a 'Find text' and look for the 8px
- Change the 8px to 0
- Quit Firefox, restart and drag an image in – no margin!
Me no resize please
This is even easier to fix.
- In the Firefox browser URL bar, type about:config??(Never come across this before? It's lots of fun, but don't get distracted)
- In the new Filter search, enter??browser.enable_automatic_image_resizing
- You'll notice it's set to true, in other words it's saying yes, do resize images
- Click it, and it will change to false
- Quit Firefox, restart and drag an image in – it still gives you the option to zoom out but the default view is now the full scale version, yay!
As an aside, you may be wondering why I was trying to do this in Firefox at all – the short answer is none of the other browsers I tried got me close enough to what I wanted… turns out it just took a bit of patience and the help of a friend
This entry was posted in Uncategorized
and tagged design
. Bookmark the permalink