最小幅と最大幅のCSSのメディアクエリ

<link href="css/mobile-large.css" media="all and (min-width: 481px) and (max-width: 760px)" rel="stylesheet" type="text/css" />

幅720pxのSamsung Galaxy Nexusを使用する場合、スタイルシート「mobile-large.css」が読み込まれるようにしてはいけませんか？しかし、それは理由は何ですか、私はそれを修正する方法はありませんか？最小幅と最大幅のCSSのメディアクエリ

私もこれを使用しています：

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />

2012-03-01 LuckyLuke

は、あなたの代わりに、単純な幅のdevice-widthを定義する必要があることに。

<link href="css/mobile-large.css" media="all and (min-device-width: 481px) and (max-device-width: 760px)" rel="stylesheet" type="text/css" />

2012-03-01 09:53:45 sandeep

これは機能しますが、なぜですか？ブラウズウィンドウが画面のサイズと等しい場合、デバイスの幅と幅は同じにはならないでしょうか？私がメタタグのビューポートを使用していると述べた私の更新された質問を参照してください – LuckyLuke

なぜiPhone 4とiPhone 3Gの寸法は同じですか？彼らは同じCSSを得るが、iPhone 4はピクセルを2倍にしたのだろうか？ – LuckyLuke

質問文字列から「すべて」を削除することもできます。

2012-03-01 09:57:47

答えて