API tools faq
paste
iamaamir

iphone media queries

iamaamir
Feb 8th, 2017
116
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.32 KB | None | 0 0
raw download clone embed print report
  1. /* ----------- iPhone 4 and 4S ----------- */
  2.  
  3. /* Portrait and Landscape */
  4. @media only screen
  5. and (min-device-width: 320px)
  6. and (max-device-width: 480px)
  7. and (-webkit-min-device-pixel-ratio: 2) {
  8.  
  9. }
  10.  
  11. /* Portrait */
  12. @media only screen
  13. and (min-device-width: 320px)
  14. and (max-device-width: 480px)
  15. and (-webkit-min-device-pixel-ratio: 2)
  16. and (orientation: portrait) {
  17. }
  18.  
  19. /* Landscape */
  20. @media only screen
  21. and (min-device-width: 320px)
  22. and (max-device-width: 480px)
  23. and (-webkit-min-device-pixel-ratio: 2)
  24. and (orientation: landscape) {
  25.  
  26. }
  27.  
  28. /* ----------- iPhone 5 and 5S ----------- */
  29.  
  30. /* Portrait and Landscape */
  31. @media only screen
  32. and (min-device-width: 320px)
  33. and (max-device-width: 568px)
  34. and (-webkit-min-device-pixel-ratio: 2) {
  35.  
  36. }
  37.  
  38. /* Portrait */
  39. @media only screen
  40. and (min-device-width: 320px)
  41. and (max-device-width: 568px)
  42. and (-webkit-min-device-pixel-ratio: 2)
  43. and (orientation: portrait) {
  44. }
  45.  
  46. /* Landscape */
  47. @media only screen
  48. and (min-device-width: 320px)
  49. and (max-device-width: 568px)
  50. and (-webkit-min-device-pixel-ratio: 2)
  51. and (orientation: landscape) {
  52.  
  53. }
  54.  
  55. /* ----------- iPhone 6 ----------- */
  56.  
  57. /* Portrait and Landscape */
  58. @media only screen
  59. and (min-device-width: 375px)
  60. and (max-device-width: 667px)
  61. and (-webkit-min-device-pixel-ratio: 2) {
  62.  
  63. }
  64.  
  65. /* Portrait */
  66. @media only screen
  67. and (min-device-width: 375px)
  68. and (max-device-width: 667px)
  69. and (-webkit-min-device-pixel-ratio: 2)
  70. and (orientation: portrait) {
  71.  
  72. }
  73.  
  74. /* Landscape */
  75. @media only screen
  76. and (min-device-width: 375px)
  77. and (max-device-width: 667px)
  78. and (-webkit-min-device-pixel-ratio: 2)
  79. and (orientation: landscape) {
  80.  
  81. }
  82.  
  83. /* ----------- iPhone 6+ ----------- */
  84.  
  85. /* Portrait and Landscape */
  86. @media only screen
  87. and (min-device-width: 414px)
  88. and (max-device-width: 736px)
  89. and (-webkit-min-device-pixel-ratio: 3) {
  90.  
  91. }
  92.  
  93. /* Portrait */
  94. @media only screen
  95. and (min-device-width: 414px)
  96. and (max-device-width: 736px)
  97. and (-webkit-min-device-pixel-ratio: 3)
  98. and (orientation: portrait) {
  99.  
  100. }
  101.  
  102. /* Landscape */
  103. @media only screen
  104. and (min-device-width: 414px)
  105. and (max-device-width: 736px)
  106. and (-webkit-min-device-pixel-ratio: 3)
  107. and (orientation: landscape) {
  108.  
  109. }
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!