When developing web applications, in the past the choice has been 800px
or 1024px
to fit within the monitor of the user. I've been researching responsive web design and fluid designs, and it seems a lot of them define the 980px
width. With the addition of smart phones and tablets, and factoring in the other possible viewports
Is 980px
the new de-facto standard?
Thanks.
1280px and 1920px are the two standard widths for web design. A 1280px website will look great on laptops and mobile devices but not so great on large monitors. To ensure your site looks just as good on big screens as it does on small screens, set your max site width to 1920px or more.
1280×720 is considered to be the most suitable screen resolution for the desktop website version. Usually, the desktop version provides the best user experience and is supposed to be the most convenient and wide.
If the majority of your traffic, or potential traffic, won't ever see your website over 1366 pixels, then a max-width of around 1400 pixels is a safe bet. Pros: Having a max-width makes it generally easier to manage the layout of your content, and said content can quickly be absorbed by your audience.
I use mostly 978px width for my designs. Adv. of 978px : can be divided by 2,3.
980 is not the "defacto standard", you'll generally see most people targeting a size a little bit less than 1024px wide to account for browser chrome such as scrollbars, etc.
Usually people target between 960 and 990px wide. Often people use a grid system (like 960.gs) which is opinionated about what the default width should be.
Also note, just recently the most common screen size now averages quite a bit bigger than 1024px wide, ranking in at 1366px wide. See http://techcrunch.com/2012/04/11/move-over-1024x768-the-most-popular-screen-resolution-on-the-web-is-now-1366x768/
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With