专门针对平板电脑的Css媒体查询

我有一个媒体查询-->@media all AND（最大宽度：1024）…它在三星平板电脑上运行良好，但我需要它仅适用于第款平板电脑，而不适用于pc。如果设备是pc，它应该只适用于@media screen AND（最大宽度：768px）。。我该怎么做？

您不能通过媒体查询来检查设备（pc、平板电脑、手持设备），只能查询设备宽度（我知道更多，但请询问设备宽度）

---

也许可以帮助您了解更多信息？

媒体查询永远不应该是特定于设备的-您只需说“对于此大小的输出，请执行此操作，但是对于其他大小的输出，请执行此操作”。无论是手机、个人电脑、平板电脑、信息亭、手表还是其他任何东西，都应该是无关紧要的。因此，媒体查询不允许您查询硬件本身

您可能需要基于设备功能的不同行为（而不是风格），例如，这是“触摸”设备吗？但这应该用JS而不是CSS来管理

---

您的查询的实际目标是什么？CSS应用于PC和平板电脑有关系吗

简单的回答是：你没有

较长的答案是：你走错了方向

很容易落入使用屏幕宽度来瞄准特定设备的陷阱，但这是爱丽丝梦游仙境兔子洞。为什么？因为移动设备的宽度与台式机的宽度重叠

例如，这里有一个屏幕宽度列表，你能猜出哪些是桌面的吗

1024
1366
1200
1080

你猜怎么着？我打赌你的猜测是错的。1024及以上的分辨率看起来像是“桌面”分辨率，但iPhone5视网膜是1136x640，第三代iPad是2048x1536。让事情变得更复杂的是，桌面上的许多人没有最大化他们的浏览器，所以设备宽度并不等于浏览器宽度。Kindle分辨率更高，但文本大小也更大，那么Kindle会发生什么呢

越来越多的设备定期上市

那么，你的最佳选择？完全放弃针对特定设备或设备类别的想法。如果一定要这样做，可以使用JavaScript查找触摸屏（因为这是您需要专门为一类设备调整界面的最可能原因）

---

您仍然可以使用媒体查询来确定宽度（根据我的经验，最好是这样），但不要指望它一定能在给定的设备上工作。

部分正确。物理分辨率与报告的分辨率无关。在CSS中，iPhone的宽度仍然是320px。要进一步了解Shauna的答案，请阅读文章：@bfred.it-然后您还可以了解CSS像素与设备像素不一样的整个问题。坦白地说，在你摆脱对设备的依赖之前，它都是一个巨大的集群。这篇文章不错，是关于比例媒体查询的。RWD是太多的工作，因为有时我们希望网站的部分有一个最小的宽度，无论什么设备。但不同设备的像素不同。谢谢你。