CSSメディアタイプ：モバイル用のCSSをロードする方法は？

Question

このコードで：

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

私のN78ノキアのデフォルトブラウザとopera mini load screen.css代わりにmobile.css。
何が足りないのですか？

Answer 1

Nokia N78は、「画面」スタイルシートのみを読み取るS60ブラウザを使用します。 「ハンドヘルド」は読みません。メディアクエリはサポートしていません。ここにすべてを入力する代わりに、この記事を見て、問題を解決してください http://www.alistapart.com/articles/return-of-the-mobile-stylesheet

Answer 2

例としてiPhoneを使用する：

<link media="only screen and (max-device-width: 480px)"
href="iPhone.css" type="text/css" rel="stylesheet" />

これがどのブラウザ/デバイスで機能し、機能しないのかわかりません。私が開発した唯一のモバイルデバイスはiPhoneです。しかし、私はあなたがあなたのノキアでそれを撃つことができると確信しています。

メディアクエリの詳細

Answer 3

Opera Miniは、その動作と機能に最適であるため、メディアタイプの画面を使用します。ただし、モバイルビューモードに切り替えると、ハンドヘルドスタイルシートが使用されます。詳細については、 開発者によるOpera Mini 5ベータ2 の確認）を参照してください。