css - 手持css无法正常工作

Question

在我的网站上，我有 3 个 CSS

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

我以为媒体手持设备会自动加载我为设备格式化的网站

当我用我的 android 加载我的网站时，我仍然看到“site.css”，为什么它不加载handheld.css？

Answer 1

显然 Android/iPhone/Nokia 浏览器不认为它们是手持设备。

您应该使用媒体查询来检测设备。