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

Question

我正在寻找检测平板电脑的完美方法.使用媒体查询,您可以为特定CSS设置最小和最大宽度.但有些平板电脑的分辨率高于soms桌面显示器.这样会产生冲突.

使用Javascript(Modernizr,Detectivizr)可识别平板电脑并在HTML中使用HTML标签上的"平板电脑"类设置此平板电脑.但是......并非所有用户都启用了Javascript.

所以你想要的是(在我看来)使用CSS来检测平板电脑.有谁知道这个的完美解决方案？

Thanx提前!

Answer 1

你可以检查navigator.userAgent它的 JavaScript，如下所示：

var isMobile = navigator.userAgent.match(/(iPhone|iPod|iPad|Android|BlackBerry)/);

编辑

我找到了这个：

@media only screen and (max-width: 760px) {
    /* Styles for phones */
}

这似乎检测浏览器的宽度是否是智能手机的大小。

请参阅此问题的答案以获取更多信息