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
Post a Comment