检测移动设备浏览器，而不仅仅是屏幕宽度

Question

我知道我可以通过以下媒体查询激活一些样式：

/* Magic for mobile devices */
@media (max-width: 33em ) 
{
}

然而我并不喜欢这种方法，因为它只检查屏幕宽度。 我找到了用于检测移动浏览器的java script代码，现在我需要使用CSS进行同样的检查

if (/Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent)) {
        // some code..
}

这个js有CSS等价吗？

Answer 1

您可以使用以下内容：

<link rel="stylesheet" type="text/css" href="mobile.css" media="handheld">

这将针对小型或手持设备。