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

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..
}

有CSS相当于这个js的吗？

Answer 1

您可以使用以下内容：

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

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