我正在尝试使用媒体规则将CSS定位到iPad.我想排除iPhone/iPod和桌面浏览器.如果可能,我还想排除其他移动设备.
我用过
<style type="text/css" media="only screen and (min-device-width: 768px) and (max-device-width: 1024px)">
但只是发现桌面Safari 4读取它.我尝试过使用"481px"代替"768px"的变体而另一种添加了一个方向:
<style type="text/css" media="only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait)">
但没有运气.(稍后我们将嗅探iPad的用户代理字符串,但是现在该解决方案将无效.)
谢谢!
更新:似乎桌面Safari现在使用屏幕的宽度和高度,并根据它自定义纵向或横向.宽度和高度看起来不会排除桌面浏览器(除非我遗漏了一些东西).