检测iPad Safari或缩放

Question

如果我使用以下内容来检测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

我知道用户代理方法，但希望避免这种情况。 如果可以仅使用媒体查询实现，请告诉我们？

Answer 1

不，您无法根据媒体查询来判断使用的是哪种特定设备（您不需要因为它们都在相同的标准上融合）

Answer 2

我们开始使用Formfactor检测库开发，例如FormfactorJS - 注意，我创建了这个。

该理论使用相同的语义HTML，您可以使用特定类别的设备（智能手机，平板电脑，桌面等）专门使用CSS和Javascript，同时还可以识别使用媒体查询对单个设备配置文件的响应式设计。

至少，好处是你可以指定自己的检测算法，这样你就可以检测同一类设备的不同类型（即iPad或Xoom）。 在这种情况下，我们选择通过userAgent检查来完成此操作。 为什么？ 因为您可能希望提供优化的体验，具体取决于形式因素或设备类型。