Advertisement
vojin

Targeting iPad Pros

Jan 31st, 2023
1,274
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 1.44 KB | None | 0 0
  1. /*iPad Pro 9.7"*/
  2. /* Portrait */
  3. @media only screen
  4. and (min-device-width: 768px)
  5. and (max-device-width: 1024px)
  6. and (orientation: portrait)
  7. and (-webkit-min-device-pixel-ratio: 2) {
  8.  
  9. }
  10.  
  11. /* Landscape */
  12. @media only screen
  13. and (min-device-width: 768px)
  14. and (max-device-width: 1024px)
  15. and (orientation: landscape)
  16. and (-webkit-min-device-pixel-ratio: 2) {
  17.  
  18. }
  19.  
  20. /*iPad Pro 10.5"*/
  21. /* Portrait */
  22. /* Declare the same value for min- and max-width to avoid colliding with desktops */
  23. @media only screen
  24. and (min-device-width: 834px)
  25. and (max-device-width: 834px)
  26. and (orientation: portrait)
  27. and (-webkit-min-device-pixel-ratio: 2) {
  28.  
  29. }
  30.  
  31. /* Landscape */
  32. /* Declare the same value for min- and max-width to avoid colliding with desktops */
  33. @media only screen
  34. and (min-device-width: 1112px)
  35. and (max-device-width: 1112px)
  36. and (orientation: landscape)
  37. and (-webkit-min-device-pixel-ratio: 2) {
  38.  
  39. }
  40. /*ipad PRo 12.9"*/
  41. /* Portrait */
  42. /* Declare the same value for min- and max-width to avoid colliding with desktops */
  43. @media only screen
  44. and (min-device-width: 1024px)
  45. and (max-device-width: 1024px)
  46. and (orientation: portrait)
  47. and (-webkit-min-device-pixel-ratio: 2) {
  48.  
  49. }
  50.  
  51. /* Landscape */
  52. /* Declare the same value for min- and max-width to avoid colliding with desktops */
  53. @media only screen
  54. and (min-device-width: 1366px)
  55. and (max-device-width: 1366px)
  56. and (orientation: landscape)
  57. and (-webkit-min-device-pixel-ratio: 2) {
  58.  
  59. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement