I am searching for a server-side fix (with f.e. css) for the fact that Firefox uses the systems DPI settings, which makes my website look (too) big.
My website is displayed way too big in firefox. And I want all browsers to view my website properly. I know there are settings wihtin firefox which fix this. But I am searching for a server-side fix, so that visitors of my website don't have to be bothered with changing their settings.
Chosen solution
You may have to change your site soon as Chrome 30 and IE 11 will also use the system DPI setting (like Firefox does now).
Possible solution:
- Type about:config into the Firefox address bar and tap on the Enter key.
- If the warning This might void your warranty appears, click I'll be careful, I promise.
- Search for layout.css.devPixelsPerPx
- Double-click on layout.css.devPixelsPerPx to modify its value. The default is -1.0 in Firefox 22 and above. Change it to 1.0 to make it work like in previous Firefox versions.
If necessary, further adjust the value in 0.1 or 0.05 steps. Use values between 1.0 and about 0.5 to reduce elements in size. Use values greater than 1.0 to increase size. For example, a value of 1.25 will increase font size to 125% to accommodate the default DPI setting in Windows 8. Double check the value that you enter. Setting a too small value will make everything disappear and a too large value will blow things up.
If web pages still need to be adjusted then you can look at the Default FullZoom Level or NoSquint extension.
To adjust the font size for the user interface, you can use the Theme Font & Size Changer extension.
Read this answer in context 👍 0All Replies (3)
Chosen Solution
You may have to change your site soon as Chrome 30 and IE 11 will also use the system DPI setting (like Firefox does now).
Possible solution:
- Type about:config into the Firefox address bar and tap on the Enter key.
- If the warning This might void your warranty appears, click I'll be careful, I promise.
- Search for layout.css.devPixelsPerPx
- Double-click on layout.css.devPixelsPerPx to modify its value. The default is -1.0 in Firefox 22 and above. Change it to 1.0 to make it work like in previous Firefox versions.
If necessary, further adjust the value in 0.1 or 0.05 steps. Use values between 1.0 and about 0.5 to reduce elements in size. Use values greater than 1.0 to increase size. For example, a value of 1.25 will increase font size to 125% to accommodate the default DPI setting in Windows 8. Double check the value that you enter. Setting a too small value will make everything disappear and a too large value will blow things up.
If web pages still need to be adjusted then you can look at the Default FullZoom Level or NoSquint extension.
To adjust the font size for the user interface, you can use the Theme Font & Size Changer extension.
Modified by kobe
Reset the page zoom on pages that cause problems.
- View > Zoom > Reset (Ctrl+0 (zero); Command+0 on Mac)
@Waka_Flocka_Flame, Thanks for your help and information, I guess the only option to fix this on my part is making my website layout more fluid.
@cor-el, I already knew how to do that, re-read my question, because that was not wat I asked for. Anway, still thanks for your effort.