本文收录一下关于ios适配的media query规则
- @media only screen
- and (min-device-width:768px)
- and (max-device-width:1024px) {
-
- }
- @media only screen
- and (min-device-width:768px)
- and (max-device-width:1024px)
- and (orientation: landscape) {
-
- }
- @media only screen
- and (min-device-width:768px)
- and (max-device-width:1024px)
- and (orientation:portrait) {
-
- }
iPad3和 ipad4 都有Retina
- @media only screen
- and (min-device-width:768px)
- and (max-device-width:1024px)
- and (-webkit-min-device-pixel-ratio:2) {
-
- }
- @media only screen
- and (min-device-width:768px)
- and (max-device-width:1024px)
- and (-webkit-min-device-pixel-ratio:1) {
-
- }
- @media only screen
- and (min-device-width:320px)
- and (max-device-width:480px) {
-
- }
- @media only screen
- and (min-device-width:320px)
- and (max-device-width:568px) {
-
- }
iPad mini 也是和 iPad 1 和 2 一样
适配ios设备集锦
原文：http://www.cnblogs.com/yemanhuainv/p/5213124.html
