Css 媒体质疑：如何不以Ipad为目标

我知道有很多关于媒体查询的话题，但今晚我被困在这个问题上：

我的目标是许多智能手机，特别是三星Galaxy S3：

@media screen and (max-device-width: 720px), (min-device-width: 721px) { .. }

它适用于PortIt和景观！但我不知道为什么，这样我也瞄准了Ipad横向模式，我不想！以防我更喜欢将Ipad的纵向视图与智能手机结合在一起！ 要明确的是，我想要实现的是一个网站有两个版本，默认的是最大宽度960px的布局和一个较小的版本，非常适合智能手机和Ipad以及其他平板电脑。。现在，手机版可以在智能手机上使用，但在Ipad上几乎没有

---

我知道我可以直接针对Ipad，但我不想复制许多css规则，这些规则与桌面相同

问题似乎出在媒体查询的语法上。你用了逗号而不是

和
，我认为你的max/min是错误的。对于CSS媒体查询，
，
是OR分隔符，而
和
要求多个查询为true

您的媒体查询应该如下所示：

@媒体屏幕和（最小设备宽度：720px）和（最大设备宽度：721px）{..}

或者写得更简洁，您可以使用特定的
设备宽度
：

@媒体屏幕和（设备宽度：720px）{..}

使用此方法，您可以使用逗号以Galaxy S3纵向和横向为目标，即：

@媒体屏幕和（设备宽度：720px），（设备宽度：1280px）{..}
您不应使用媒体查询来检测硬件供应商。您可能希望将标题更改为“如何不以iPad为目标”。当前的标题似乎意味着你在要求不推荐的技术。我想你是对的，大卫@琼斯玛，我会的，但我不能改变！无论如何，我改变了方法，使用服务器端检测mobile_detect.php结合媒体查询。我正在测试它的最佳用途是什么，以及同一页面上是否有3个以上的PHP查询太多而无法排除内容块：如果（$detect->isMobile（））为您更改了它。来自一个无关的谷歌搜索，我想这可能是一篇有趣的代码相关文章的标题。结果是没有#编辑哦，哇，这是旧的。