/ / / POPULAR SCREEN SIZES for WEB DESIGN
POPULAR SCREEN SIZES for WEB DESIGN

POPULAR SCREEN SIZES for WEB DESIGN

with 1 Comment

Current desktop screen resolutions in use in worldwide is as below. This table can be your guideline for your media queries.

Screen Width Smallest Screen height

In Use Worldwide

1024 px 768 px 3%
1280 px 800 px 11%
1360 px 768 px 2%
1366 px 768 px 35%
1440 px 900 px 6%
1600 px 900 px 6%
1680 px 1050 px 3%
1920 px 1080 px 20%
2560 px and up 1440 px 1%


CSS Breakpoints: Where & How Many?

You don’t need to write media queries for every possible screen resolution. To keep things simple you could target four groups:

  • smaller than or equal to 768 px (smartphones)
  • larger than 768 px (small devices, tablets)
  • larger than 992 px (medium devices)
  • larger than 1200 px (large devices)

Those are the breakpoints as used by the very popular Twitter Bootstrap framework.


Top Screen Resolutions Worldwide

What is interesting about the statistics that Anderson presents, though, is that only 9% worldwide use 1024×768 px with 30% using a resolution of 1366×768 px, and about 15% using a device resolution designated as “other,” which more than likely is mobile use.

Mobify’s study, analyzed 2012 activity of 200 million shoppers on the ecommerce websites, showed some interesting findings:

  • 5% of visitors used a netbook resolution of 1280 × 800.
  • 5% used 1366 × 768.
  • 4% used the iPhone size: 320 × 480.
  • 8% used 1024 × 768, bringing it to fourth place.
  • 3% used 768 × 1024, common of iPads and horizontal 10-inch netbooks.
  • 3% used larger laptops sized 1440 × 900.
  • 5% used 1280 × 1024, a common LCD desktop monitor.
  • 1% used 1080p HD displays (1920 × 1080).
  • 1% used the common widescreen resolution of 1680 × 1050.
  • 8% used the HD+ 1600 × 900 screen size.

Most Common Desktop Screen Resolution Sizes Worldwide

  • 1366×768 – 29.25%
  • 1920×1080 – 17.34%
  • 1440×900 – 7.32%
  • 1600×900 – 5.72%
  • 1280×800 – 5.27%
  • 1280×1024 – 4.51%

Most Common Mobile Screen Resolution Sizes Worldwide

  • 360×640 – 41.11%
  • 375×667 – 9.58%
  • 720×1280 – 5.16%
  • 320×568 – 4.55%
  • 414×736 – 3.79%
  • 320×534 – 3.46%

 

Most Common Tablet Screen Resolution Sizes Worldwide

  • 768×1024 – 57.99%
  • 1280×800 – 5.89%
  • 600×1024 – 4.6%
  • 601×962 – 3.02%
  • 800×1280 – 2.94%
  • 1024×600 – 2.36%

Above information is arised as a result of the research between the years of 2016 – 2017.

 

 

It’s important for you to share your thoughts with us about the post you read above. Therefore your comments are always welcome. Plus, if you like what you read above why don’t you sign up to be added to our mailing list and why not be the first to hear our new posts and other surprises 😉

 

SIGN UP NOW

 

 

One Response

  1. Griffith
    | Reply

    GREAT!!!

Leave a Reply

Your email address will not be published.

Pin It on Pinterest