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

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

This topic created in 5867 days ago, the information mentioned may be changed or developed.

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

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

2 replies • 1970-01-01 08:00:00 +08:00

chone

Oct 14, 2010

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

IIssNan

Oct 14, 2010

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