使用CSS Media Queries针对iPhone/iPod touch编写独立的样式？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

iOS 开发实用技术导航

NSHipster 中文版

› http://nshipster.cn/

cocos2d 开源 2D 游戏引擎

› http://www.cocos2d-iphone.org/

CocoaPods

› http://cocoapods.org/

Google Analytics for Mobile 统计解决方案

› http://code.google.com/mobile/analytics/

WWDC

› https://developer.apple.com/wwdc/

Design Guides and Resources

› https://developer.apple.com/design/

Transcripts of WWDC sessions

› http://asciiwwdc.com

Cocoa with Love

› http://cocoawithlove.com/

Cocoa Dev Central

› http://cocoadevcentral.com/

NSHipster

› http://nshipster.com/

Style Guides

› Google Objective-C Style Guide

Useful Tools and Services

› Charles Web Debugging Proxy

› Smore

这是一个创建于 5159 天前的主题，其中的信息可能已经有所发展或是发生改变。

使用CSS Media Queries针对iPhone/iPod touch编写独立的样式，通常看到的代码是：

使用only screen就可以区别iPhone和iPod设备，而iPad似乎有其他的区别方法，所以我在想这里的max-device-width是为什么目的而存在的？

2 条回复 • 1970-01-01 08:00:00 +08:00

chone

2010-10-14 15:05:36 +08:00

iphone，ipad是被视为screen类型的，也就是和普通的桌面电脑，laptop也是这个类型，所以还要加上一个屏幕宽度的限制也就是 max-device-width: 480px

IIssNan

2010-10-14 16:21:45 +08:00

@chone 屏幕宽度区分不是可以通过min-device-width来排除掉iPhone/iPod touch