如果我使用以下内容来检测iPad Safari用户，那么将来我会尝试检测可能具有相似宽度的Motorola Xoom或其他平板电脑用户。
<link rel="stylesheet" media="all and (min-device-width: 481px) and (max-device-width: 1024px)" href="ipad.css">
我的意思是我如何识别其他平板电脑并使用xoom.css或othertablet.css
我知道用户代理方法，但希望避免这种情况。如果只能使用媒体查询来实现，请告诉我？
答案 0 :(得分：2)
不，您无法根据媒体查询判断使用的具体设备（并且您不需要因为它们都在相同的标准上融合）
答案 1 :(得分：0)
我们开始使用Formfactor检测库开发，例如FormfactorJS - 注意，我创建了这个。
理论使用相同的语义HTML，您可以使用特定类别的设备（智能手机，平板电脑，桌面等）专门使用CSS和Javascript，同时还可以识别使用媒体查询对单个设备配置文件的响应式设计。 / p>
至少好处是，您可以指定自己的检测算法，这样您就可以检测同一类设备的不同类型（即iPad或Xoom）。在这种情况下，我们选择通过userAgent检查来完成此操作。为什么？因为您可能希望提供优化的体验，具体取决于形式因素或设备类型。