Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to figure out common viewport dimensions (not screen sizes) of common devices for adaptive web design?

Looking to find or create a chart presenting a range of mobile/tablet device webpage sizes:

  • viewport dimensions, so available size within browser window
  • both height and width because there's actually a range of ratios
  • in both landscape and portrait modes
  • The goal is to identify logical breakpoints that make sense across a range of devices, not just the exact dimensions of Apple's products...

    (If you're not familiar with responsive web design, here's the article that started it all) http://www.alistapart.com/articles/responsive-web-design

    like image 902
    jumpfightgo Avatar asked Apr 25 '11 23:04

    jumpfightgo


    1 Answers

    Here is quite a long list of mobile and tablet viewport sizes. It seems 533 is the cut off for tablet to mobile. http://i-skool.co.uk/mobile-development/web-design-for-mobiles-and-tablets-viewport-sizes/

    like image 132
    Martin Avatar answered Oct 20 '22 06:10

    Martin