: Screen resolutions and browser canvas sizes I've yet to find the ultimate resource that lists 'all' browsers and the actual visible canvas size (excludes browser chrome) for content. The closest

@Fox8124981

Google Browser Size shows an overlay of the percentage of users who have their browsers at certain resolutions. This also takes into account people who don't maximise the browser window, as well as screen resolutions.

As for screen resolutions for sites, see this thread: stackoverflow.com/questions/2932063/what-is-the-minimum-screen-resolution-for-which-you-guys-currently-optimize-your

Vote Up Vote Down

@YK1175434

Such a list would not be overly useful as the viewport can vary greatly between users even with the same screen size because:


They have different toolbars installed, and/or different settings for the default toolbars (large icons or small for instance)
Some browser themes alter the heights of elements like toolbars
Not everyone runs their browser maximized, so the browser's viewport could really be any size


Also the range of screen sizes varies much more now than it used to. Long gone are the days when it was unusual to see much other than 800x600 or 1024x768. There are a number of common wide-screen formats and small-format screens (i.e. those on netbooks and smartphones) are increasingly likely to be used to view your pages.

Rather than designing around the viewport of a selection of specific examples (IE8 default, FF3.6 defaults, FF3.6 default but no tabs...) you should design for a reasonably full range, making sure your page doesn't fall apart completely on small screens nor become to wide to be comfortable readable on large wide screens. This does mean that pixel perfect positioning is an ideal you need to let go of, but it makes your content usable in the widest possible combination of conditions.

Vote Up Vote Down