3

スタイルシートのリンクターゲットを使用すると、cssファイルがタブレットまたはiPhoneに読み込まれる場合にのみ読み込まれると考えていました。しかし、私が隠そうとしている要素はまだそこにあります。現在使用している（media = "handheld"）

  <link rel="stylesheet" type="text/css" hrf="css/media.css" media="handheld" />
4

2 に答える 2

8

スタイルシートを作成するにはモバイル デバイスのモデルが多すぎます。Screen Sizeに基づいて CSS を調整したほうがよいでしょう。

これは、さまざまなサイズの Android タブレットをターゲットにする場合に特に役立ちます。

詳細な説明については、この便利なチュートリアルを参照してください。

http://css-tricks.com/resolution-specific-stylesheets/

したがって、特定の画面サイズ (デバイスがリリースされるにつれて変化し続ける) をターゲットにする代わりに、画面サイズに応じて変化するスタイルシートが必要になります。

次に、いくつかのスタイルシートを追加します。

<link rel="stylesheet" media="screen and (min-width: 480px) and (max-width: 700px)"     href="css/small.css" />
<link rel='stylesheet' media='screen and (min-width: 701px) and (max-width: 900px)'     href='css/medium.css' />

等

したがって、iPhone は small.css を使用し、700px を超えるタブレットは medium.css を使用します。

于 2012-08-20T20:11:46.977 に答える
2

HandheldiOS や Android デバイスよりも、PDA やフィーチャー フォンなどのデバイス向けです。メディア クエリを使用してデバイスの機能を検出し、それに応じて調整する方がはるかに優れています。記事の例を次に示します: http://mobile.smashingmagazine.com/2010/07/19/how-to-use-css3-media-queries-to-create-a-mobile-version-of-your-website/

于 2012-08-20T19:43:22.997 に答える