responsive design - Common CSS Media Queries Break Points -


i working on responsive web site css media queries.

is following organization devices? phone, ipad (landscape & portrait), desktop , laptop, large screen

what common media queries break-point values?

i planning use following breakpoints:

  • 320: smartphone portrait
  • 481: smartphone landscape
  • 641 or 768 ???: ipad portrait ???
  • 961: ipad landscape / small laptop ???
  • 1025: desktop , laptop
  • 1281: wide screen

what think? have few doubts ??? points.

rather try target @media rules @ specific devices, arguably more practical base them on particular layout instead. is, gradually narrow desktop browser window , observe natural breakpoints content. it's different every site. long design flows @ each browser width, should work pretty reliably on screen size (and there lots , lots of them out there.)


Comments

Popular posts from this blog

java - Jmockit String final length method mocking Issue -

asp.net - Razor Page Hosted on IIS 6 Fails Every Morning -

c++ - wxwidget compiling on windows command prompt -