JavaScript - 携帯電話で別のページを開くと解像度が異なる

Question

私は初心者で、フレームワークを使用せずにレスポンシブWebページを自分で作成しようとしています。
しかし、モバイル版には非常にとんでもない問題があります！

2 つの解像度で 2 つの Web ページを開きます!

それらは: ホームページ、登録ページです。
登録ページにはホームページと同じナビゲーションとフッター部分があるため、登録ページのHTMLは最初にホームページのCSSを参照し、次に登録ページの特殊CSSを参照します。

このテストには、Chrome F12 および HUAWEI G7 に付属する携帯電話のシミュレーションが含まれます。

以下は、Chrome 電話シミュレーションのデバッグ スクリーンショットです:

ホームページ

登録ページ

体の最も重要な部分は幅であり、他の部分も写真で見ることができます。

リーリー

2 ページ目の本文全体の解像度がはるかに大きいことがわかります。これは携帯電話でも同様です。その理由をお聞かせください。

Answer 1

<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">