CSSスタイルのiPhone 6/7画面幅は実際には何ですか？

Question

私はiPhone 6/7を読んだ（Sかどうか）のブラウザの幅は375pxです。

しかし、私はこのような単純な@mediaクエリを書いています：

@media only screen and (max-width : 375px) { 
    .... 
} 

私はそれは私がまさに980pxに最大幅を増やすまで動作していないが分かりました。 なぜですか？

375pxのように電話を扱う@mediaクエリを作成するにはどうすればよいですか？私は画面の解像度がどれほど濃くても気にしません。小さな電話で、約1000px解像度のタブレットや小型ラップトップのようなデバイスのデザインを損なうことなく、素敵なWebデザインを適用したいのです。

col-xs-Xブートストラップのスタイルで動作するのが理想です。

Answer 1

これをオーバーライドする別のメディアクエリまたはデフォルトスタイルがあります。

あなたのメディアクエリーは正しいですが、メディアクエリーがstyle.cssファイルの最後にあるかどうかを確認してください（または名前が何であれ）。