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

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">

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