How to have websites fit the screen?

on high resolution screens websites are mostly blank.How to have them stretched to fit the screen?

http://i.stack.imgur.com/UfpKE.png

I've tried Internet Explorer and Opera and on Linux too: Firefox and Chrome


The default zoom in Firefox can be reset to any value for all webpages without installing an extension.

  1. In the Firefox address bar type: about:config

  2. Search for this preference: layout.css.devPixelsPerPx

  3. Replace the default value of -1.0 with the new percentage zoom. For example, if you want to change the default zoom from the default value of 100% to 125%, then change the value of layout.css.devPixelsPerPx to 1.25

If you are also using Chrome web browser then the default zoom level can be easily changed from the settings ( 3 vertical dots icon ) in the upper right corner of Chrome. For a better browsing experience set the same default zoom for both Firefox and Chrome.


It's not obvious from your screenshot which browser you use, but in Chrome I zoom in to about 175% to have things "fit to size".

How far you need to zoom is dependent on your resolution, size of the monitor, the website itself, etc.:

  • If you use Firefox: https://support.mozilla.org/en-US/kb/font-size-and-zoom-increase-size-of-web-pages
  • If you use Chrome: https://support.google.com/chrome/answer/96810?hl=en

Here's what mine looks like:

enter image description here


You can press ctrl and the plus minus keys to zoom in and out, this is remembered per page in fire fox but in chrome you can set a default in settings. (175% for 1080p)