ハンドヘルドに代替スタイルシートを適用すると、正しく動作しない

Question

1ページに2つのスタイルシートがあります。

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

アンドロイドとIphoneでテストしていますが、どちらも「スクリーン」スタイルを採用しているようです。 代替シートを使用する代わりに、@mediaを1つのスタイルシートで使用する方が良いですか、何か間違っていますか？

リンクとサーバーのディレクトリをチェックして、ファイルが存在し、適切にリンクされていることを確認しました。

Answer 1

iPhoneのモバイルSafariは、「ハンドヘルド」メディアタイプのものとはみなされません。

iOSは、ハイエンドウェブコンテンツを提供しないため、印刷やハンドヘルドメディアのクエリを無視します。したがって、iOS用の画面メディアタイプクエリを使用してください。

Source。

代わりにmedia queriesを使用してください。

Answer 2

標準スタイルのハンドヘルドスタイルを読み込む必要があります。そうしないと、モバイルデザインのすべてが上書きされます。