web-dev-qa-db-ja.com

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

このコードで:

<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
何が足りないのですか?

13
Andrea Ambu

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

19
dalizard

例としてiPhoneを使用する:

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

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

メディアクエリの詳細

9
Ryan Florence

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