android - 手持式iPhone Android特定CSS根本不起作用

我正在尝试为手持设备创建特定的css，我觉得我已经尝试了所有可能的方法，但没有效果。
我需要这样做的原因是，手持设备不使用FancyBox，而是在新选项卡中打开链接。
在div中有两个ul，每个ul都有一个类（屏幕和手持设备）。
我希望手持设备ul隐藏在桌面上，屏幕ul隐藏在手持设备上，手持设备应该使用display:none。
为了让特定于设备的css工作，我尝试在html头中使用单独的css文件，例如：

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

或者，在master.css文件中：

    @media only screen and (max-device-width: 640px) {
    .screen { display: none !important; }
    }

但这不管用。Android似乎总是使用包含FancyBox类的UL，因此每次都会加载FancyBox。
我在多个android浏览器（opera、stock和dolphin）中尝试过。

最佳答案

我用这个页面测试过：
http://htmldog.com/test/handheld.html
在我的android（不幸的是2.1）上，它不能在默认浏览器中工作。在歌剧《移动》中它对我很管用。（当然，我使用的是最新版本。）
更新：抱歉，它似乎只适用于Opera Mini，而不是Opera Mobile。（我以前真的用错浏览器了吗？？？）
而且http://caniuse.com/#search=@media表示opera mobile和mini支持@media（但目前没有提到“@media handled”）。
看起来是个麻烦的地方。也许依赖javascript来选择样式更好？（并自动化创建该javascript的过程。）

关于android - 手持式iPhone Android特定CSS根本不起作用，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/8927272/