モバイルブラウザでヘッダーが小さくならないのはなぜですか？

Question

私はhttp://androdevlab.com/style.cssにメディアセクションを持っています。はに、http://androdevlab.comにはモバイルブラウザで表示する必要があります。 具体的には、ロゴとメインタイトルフォントは、はるかに小さくなるはずですが、そうではありません。

なぜですか？

Answer 1

あなたのメディアクエリーは、通常は800を報告してどちらか

@media only screen and (max-width: 800px) { 

にメディアクエリを変更したり、max-device-widthを使用する多くのAndroid携帯電話を、一致しない、(max-width: 780px)をテストします。

また、あなたは実際の解像度を使用するために携帯電話のブラウザを助言するHTML要素

<meta name="viewport" content="width=device-width"> 

を追加することができます。