×

Welcome to TagMyCode

Please login or create account to add a snippet.
0
0
 
1
Language: CSS
Posted by: Philip Rehberger
Added: Sep 14, 2016 12:03 AM
Views: 1
Tags: no tags
  1. /* Smartphones (portrait and landscape) ----------- */
  2. @media only screen
  3. and (min-device-width : 320px) and (max-device-width : 480px) {
  4.   /* Styles */
  5. }
  6.  
  7. /* Smartphones (landscape) ----------- */
  8. @media only screen and (min-width : 321px) {
  9.   /* Styles */
  10. }
  11.  
  12. /* Smartphones (portrait) ----------- */
  13. @media only screen and (max-width : 320px) {
  14.   /* Styles */
  15. }
  16.  
  17. /* iPads (portrait and landscape) ----------- */
  18. @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
  19.   /* Styles */
  20. }
  21.  
  22. /* iPads (landscape) ----------- */
  23. @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
  24.   /* Styles */
  25. }
  26.  
  27. /* iPads (portrait) ----------- */
  28. @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
  29.   /* Styles */
  30. }
  31.  
  32. /* Desktops and laptops ----------- */
  33. @media only screen and (min-width : 1224px) {
  34.   /* Styles */
  35. }
  36.  
  37. /* Large screens ----------- */
  38. @media only screen and (min-width : 1824px) {
  39.   /* Styles */
  40. }
  41.  
  42. /* iPhone 4 ----------- */
  43. @media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
  44.   /* Styles */
  45. }