Posted By

o0110o on 11/05/12


Tagged

css screen media-query


Versions (?)

Who likes this?

3 people have marked this snippet as a favorite

o0110o
lookingforsome
onemanstudio


Media Queries For Common Screen Sizes.


 / Published in: CSS
 

CSS media queries for common screen sizes which are ignored in older browsers.

  1. /* SCREEN RULES */
  2. /*=============================================================================*/
  3.  
  4. /* MOBILE DEVICES */
  5. @media only screen and (min-device-width: 320px) { /* 320 */
  6. }
  7.  
  8. @media only screen and (min-device-width: 480px) { /* 480px | iPhone: Portrait */
  9. }
  10.  
  11.  
  12. @media only screen and (min-device-width: 640px) { /* 640px */
  13. }
  14.  
  15. @media only screen and (min-device-width: 768px) { /* 768px | iPad: Portrait */
  16. }
  17.  
  18. /* LAPTOPS & DESKTOPS */
  19. @media only screen and (min-device-width: 800px) { /* 800px */
  20. }
  21.  
  22. @media only screen and (min-device-width: 1024px) { /* 1024px */
  23. }
  24.  
  25. @media only screen and (min-device-width: 1280px) { /* 1280px */
  26. }
  27.  
  28. @media only screen and (min-device-width: 1366px) { /* 1366px */
  29. }

Report this snippet  

You need to login to post a comment.