How reset the FF default zoom from 120% to 100% with CSS or javascript tips ?
Hi,
I webdesigner/frontend developper. I make responsive website. I m working on W7 with Chromium but I want to come back to Firefox for my default web browser.
BUT... with a default installation of W7 and FF, I see my websites with a default level zoom (120%). So two BIG problem : - images are pixelated - responsive breakpoints are false (1280 breakpoint with hover effect become 1024 - tablet lanscape - without hover effect).
See example : http://caleis.fr/FFzoom.jpg
I want to resolve this problem for all users visit my websites, without FF addon or other FF settings. Do you have an answer with CSS for example ?
Thanks.
All Replies (5)
You may have zoomed the page(s) by accident.
Reset the page zoom on pages that cause problems.
- View > Zoom > Reset (Ctrl+0 (zero); Command+0 on Mac)
I'am sure not... I read some post about this and several talk about FF zoom level take zoom setting from Windows settings. And I'am also sure I don't change W7 settings.
You can set the layout.css.devPixelsPerPx pref on the about:config page to 1.0 or on Windows 8 to 1.25 and if necessary adjust layout.css.devPixelsPerPx starting from 1.0 in 0.1 or 0.05 steps (1.1 or 0.9) to make icons show correctly.
See also:
Use an extension to adjust the text size in the user interface and the page zoom in the browser window.
You can look at this extension to adjust the font size for the user interface.
- Theme Font & Size Changer: https://addons.mozilla.org/firefox/addon/theme-font-size-changer/
You can look at the Default FullZoom Level or NoScript extension if web pages need to be adjusted after changing layout.css.devPixelsPerPx.
- Default FullZoom Level: https://addons.mozilla.org/firefox/addon/default-fullzoom-level/
- NoSquint: https://addons.mozilla.org/firefox/addon/nosquint/
Sorry but I'm looking for a solution for all user, not with any plugin. Ideally : body {
-moz-zoom:1;
}
But this prefix do not exist.
Or with text-adjust CSS arrtibute...
There is no reason why Firefox would display a page zoomed or with a larger font than specified in style rules, so if pages look larger then this can only be caused by specifying a larger default font or zooming the page or overriding rules via an extension or code in userContent.css.
I'm not seeing this problem, so it must be something in your Firefox profile or otherwise a Windows issue.
You can remove all data stored in Firefox from a specific domain via "Forget About This Site" in the right-click context menu of an history entry ("History > Show All History" or "View > Sidebar > History") or via the about:permissions page.
Using "Forget About This Site" will remove all data stored in Firefox from that domain like bookmarks, cookies, passwords, cache, history, and exceptions, so be cautious and if you have a password or other data from that domain that you do not want to lose then make sure to backup this data or make a note.
You can't recover from this 'forget' unless you have a backup of the involved files.
It doesn't have any lasting effect, so if you revisit such a 'forgotten' website then data from that website will be saved once again.
