メディアクエリは、max-幅での作業が、最大デバイス幅で動作していない

Question

私はこの

<link rel="stylesheet" media="screen and (max-device-width: 960px) and (max-device-height: 1280px)" href="/css/tablets.css" /> 

メディアクエリが動作

が、ときのように、外部CSSファイルを含めるようにするときタブレットに自分のサイトを適応しようとしています私はmax-widthを使用し、max-heightは動作しません。そして面白いことは、私は風景モード用のメディアクエリを使用しようとすると、それは逆の状況であるということである。

<link rel="stylesheet" media="screen and (max-device-width: 1280px) and (max-device-height: 960px)" href="/css/tablets.css" /> 

はmax-widthと仕事をするmax-heightながら動作しません。どうしたの？

テストのために、私はiPad Mini Retinaを使用します。あなたは、私がテストした

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

文書の頭の中でこのタグを使用did'ntので

Answer 1

それはだ、それは罰金:)