html - 检测平板电脑的最佳方法是什么？

我正在寻找检测平板电脑的完美方法。使用媒体查询，您可以设置特定CSS的最小和最大宽度。但是有些平板电脑的分辨率比soms台式机显示器更高。这样会产生冲突。

使用Javascript(Modernizr，Detectivizr)，可以识别平板电脑，并在HTML中使用HTML标记上的“平板电脑”类来对此进行设置。但是...并非所有用户都启用了Javascript。

因此，您想要的是(我认为)使用CSS来检测平板电脑。有谁知道完美的解决方案吗？

提前感谢!

最佳答案

您可以通过使用CSS媒体查询来获得合理程度的准确性:

@media only screen
and (max-device-height : 768px)
and (max-device-width : 1024px)
{
    /* CSS Styles go here..... */
}

上面的命令应该检测设备屏幕大小的小于小于1024x768(台式机的常见屏幕大小)。

如上所述，仅使用CSS并不完美，因为某些平板电脑的屏幕尺寸大于1024x768。

我知道提高准确性的唯一方法是使用JavaScript嗅探userAgent字符串。查看GeenHenk链接到的问题(What is the best way to detect a mobile device in jQuery?)。

关于html - 检测平板电脑的最佳方法是什么？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/15566168/