將備用樣式表應用於手持設備，而不是正常工作

Question

我有兩個樣式表用於一個頁面。

<link rel="stylesheet" href="css/lsharecomplete_mob.css" media="handheld" type="text/css" /> 
<link rel="stylesheet" href="css/lsharecomplete_dt.css" type="text/css" media="Screen" /> 

我在android和iphone上測試，兩者似乎都是採用「屏幕」風格。 在一個樣式表中使用@media而不是使用替代表單還是我做錯了什麼更好？

我已檢查鏈接和服務器目錄以確保文件存在以及正確鏈接的位置。

Answer 1

iPhone的移動Safari不認爲自己的「手持」媒體類型。

iOS會忽略打印和手持媒體查詢，因爲這些類型不提供高端Web內容。因此，使用iOS的屏幕媒體類型查詢。

Source。

而是使用media queries。

Answer 2

您必須在您的標準樣式之後加載手持式樣式。否則，您的移動設計中的所有內容都將被覆蓋。