Page Dimensions (Browser Display)

 

An important factor that might change the look of a website from the user side is the screen resolution. The page dimensions you choose, will indicate how big everything looks and how much will fit on a page. The following chart shows the popularity of the most common screen resolutions:
                           

 

The following links shows the most updated page dimension (browser display) stats:

 

https://www.w3schools.com/browsers/browsers_display.asp

 

 

 

 

The actual usable space for 1024×768 resolutions is: 980x560

 

Obviously web designers have no control on user’s monitor screen resolution. So there’s no actual solution for this matter, but there are a couple of things that you can do to minimize the damage:

 

  • Do not use Pixel or Points for font size. (use ems measurement unit)
  • Design your web pages for these dimensions: 1024×768 or higher

 

Here’s an example of 1280X600 dimensions, try seeing it on 1024X768 screen:
http://spaceweather.com/

 

 

 

Buy "Digest Web Design" PDF Book

 

All the information on this website is also provided in a PDF book for only $30.
Click here to buy.

 

 

<<    Previous Page                                                                    Next Page    >>