我知道有很多关于媒体查询的话题，但今晚我坚持这个：
我瞄准了许多智能手机，特别是三星Galaxy S3：
@media screen and (max-device-width: 720px), (min-device-width: 721px) { .. }
它适用于portrtait和landscape！但我不知道为什么，通过这种方式我也瞄准 Ipad横向模式，这是我不想要的！如果我更喜欢与智能手机一起定位Ipad的纵向视图！ 要明确的是，我想要实现的是拥有2个版本的网站，默认是最大宽度960px的布局和较小的版本，非常适合智能手机，适用于Ipad和其他平板电脑的肖像。现在，移动版正在开发智能手机但在Ipad上却很少......
我知道我可以直接定位Ipad，但我不想复制许多与桌面相同的css规则！
答案 0 :(得分：0)
问题似乎与媒体查询的语法有关。您使用的是逗号而不是and，我认为您的错误方式有最大/最小值。对于CSS媒体查询，,是OR分隔符，而AND要求多个查询为真。
您的媒体查询应该如下所示：
@media screen and (min-device-width: 720px) and (max-device-width: 721px) { .. }
或者更简洁地写一下你可以使用特定的device-width：
@media screen and (device-width: 720px) { .. }
使用此方法，您可以使用逗号定位Galaxy S3纵向和横向，即：
@media screen and (device-width: 720px), (device-width: 1280px) { .. }