手持設備的iPhone Android的具體CSS不工作

我想創建特定的CSS手持設備，我覺得我已經嘗試了各種可能的方式沒有效果。手持設備的iPhone Android的具體CSS不工作

我需要這樣做的原因是，手持設備不使用fancybox，而是在新標籤中打開鏈接。

要在div中做到這一點，有2個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，股票和海豚）。

來源

2012-01-19 malicedix

我有這個頁面進行測試：

http://htmldog.com/test/handheld.html

在我的Android（2.1不幸）它不會在默認瀏覽器。在Opera Mobile中，它適用於我。（當然，我正在使用最新版本。）

更新：對不起，它似乎只適用於Opera Mini，不適用於Opera Mobile。（我之前是否真的點擊錯誤的瀏覽器???）

和http://caniuse.com/#[email protected]說Opera Mobile和Mini支持@media（但目前沒有提及「@media手持設備」）。

它看起來像一個麻煩的領域。也許最好依靠JavaScript來選擇樣式？（並自動創建該JavaScript的過程。）

來源

2012-02-05 18:33:58 Leo

手持設備的iPhone Android的具體CSS不工作

回答

相關問題