首页 > 移动开发 > 详细

适配ios设备集锦

时间：2016-02-24 15:33:53 阅读：197 评论：0 收藏：0 [点我收藏+]

标签：

本文收录一下关于ios适配的media query规则

iPad：

Js代码

@media only screen
and (min-device-width:768px)
and (max-device-width:1024px) {
//....
}

iPad横屏：

Js代码

@media only screen
and (min-device-width:768px)
and (max-device-width:1024px)
and (orientation: landscape) {
//....
}

iPad竖屏：

Js代码

@media only screen
and (min-device-width:768px)
and (max-device-width:1024px)
and (orientation:portrait) {
//......
}

iPad3和 ipad4 都有Retina

Retina iPad

Js代码

@media only screen
and (min-device-width:768px)
and (max-device-width:1024px)
and (-webkit-min-device-pixel-ratio:2) {
//....
}

iPad1和iPad2

Js代码

@media only screen
and (min-device-width:768px)
and (max-device-width:1024px)
and (-webkit-min-device-pixel-ratio:1) {
//...
}

iPhone 2G- 4S

Js代码

@media only screen
and (min-device-width:320px)
and (max-device-width:480px) {
//....
}

iPhone5

Js代码

@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

踩

(0)

赞

(0)

举报

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行

更多

友情链接

兰亭集智国之画百度统计站长统计阿里云 chrome插件新版天听网

关于我们 - 联系我们 - 留言反馈

© 2014 mamicode.com 版权所有联系我们:gaon5@hotmail.com

迷上了代码！