レスポンシブ レイアウトを設計すると、Google Chrome_html/css_WEB-ITnose で例外が発生しました

ヘッダーに

次にスタイルがあります、

メディアクエリ部分


@media screen と (max-width:1199px){ }

画面のときが小さい 1199 ピクセルを使用すると別のスタイルで表示される Google Chrome F12 モバイルスタイルでデバッグしたところ、1200 になった時点で正常に表示されましたが、デバッグせずに直接閲覧して表示しました。 Google Chrome ではすべてのスタイルが 1199 より小さいのに、Firefox では正常に表示されるのはなぜでしょうか。


マスター、助けてください

ディスカッション (解決策) に返信

Google を直接使用するブラウザで閲覧するとXiaoyu 1199のスタイルが表示されますが、画面の幅を表示するには、alert(window.screen.width); を使用します。

不一致がラベルのデフォルトのマージンによって引き起こされているかどうかを確認してください。ラベルのデフォルトのマージンの場合は、距離が原因で不整合が発生しますか?

新しい Google Chrome をダウンロードしたところ、問題はありませんでしたが、問題は、互換性を持たせる方法です。 ?

元の投稿者は古い Google バージョンを使用しており、まだ互換性がありません。 。 。それとも自分で何かを設定しましたか？ 。 。
H5 をサポートするプラグインがあるかどうかをオンラインで調べます (ただし、このプラグインは IE でのみ使用されることをうろ覚えです)。 。 。 。

元の投稿者の Google バージョンはなんと古いもので、実際にはまだ互換性がありません。 。 。それとも自分で何かを設定しましたか？ 。 。

H5 をサポートするプラグインがあるかどうかをオンラインで調べます (ただし、このプラグインは IE でのみ使用されることをうろ覚えです)。 。 。 。

以前の Google バージョンはバージョン 43 でしたが、とても古いですか?以前テストしたときは余白も何もありませんでした

オリジナルのポスターはなんと古い Google バージョンで、実際にはまだ互換性がありません。 。 。それとも自分で何かを設定しましたか？ 。 。

H5 をサポートするプラグインがあるかどうかをオンラインで調べます (ただし、このプラグインは IE でのみ使用されることをうろ覚えです)。 。 。 。

以前の Google バージョンはバージョン 43 でしたが、とても古いですか?以前テストしたときは、マージンも何もありませんでした
43 は非常に新しく、私のものは 40 しかありません。 。 。 43 にはそのような問題はないはずですが、1199 より大きい CSS を元の投稿者はどのように処理しましたか? ? ?何か書き方が間違っているのでしょうか？ 。 。 。

バナナピッグさん、あなたのブラウザが動作するかどうか確認するのを手伝ってください これらのテストは私が書きました

レスポンスはかなり良いです。 。 。



すべてのモードで通常。 。 。

投稿者のブラウザの設定があなたによって変更されているはずです。 。 。 。

元の投稿者のブラウザの設定を変更しているはずです。 。 。 。

うーん、今後はこの問題については心配する必要はありません。ご回答ありがとうございました。何かご質問がございましたら、お気軽にお問い合わせください。