css - メディア クエリの奇妙な動作

Question

このようにメディアクエリをhtmlドキュメントに添付しています

<!-- SmartPhone CSS --> 
<link rel="stylesheet" href="smartphone-portrait.css" />

<!-- IPAD CSS -->
<link rel="stylesheet" href="ipad-portrait.css"         media="only screen and (min-width : 550px)"/>
<link rel="stylesheet" href="ipad-landscape.css"        media="only screen and (min-width : 970px)"/>

smartphone-portrait.css は常に適用する必要がある一般的なファイルですが、ウィンドウ サイズが 550px より小さい場合、スタイルは適用されません。最初の画面を参照してください。

ウィンドウ サイズが 550 より大きい場合、スタイルが適用されます。ウィンドウサイズが小さいとcssが適用されないのはなぜですか?

Answer 1

マークアップは正しいようです。あなたの問題はタイプミスのようなばかげたものですか？おそらく、iPad の CSS のスペルは正しく、一般的な CSS のスペルは間違っています。