PC版のChromeブラウザでのスマホ画面検証では上手くいっているのですが、実機で試すとレイアウトが崩れてしまいます。

Question

前提・実現したいこと

ここに質問の内容を詳しく書いてください。
実機でレイアウトが崩れる原因が知りたいです。

発生している問題・エラーメッセージ

実機とChrome検証の結果が相違してしまっていて自分じゃ原因が分からない。

該当のソースコード

HTML CSS
ソースコード
1つ目は暗い雪の写真と文字が重なっている部分が実機では見えなくなったり行の高さが変わってしまっていることです。
2つ目がcontactのページの名前とメアドの入力フォームの部分の横幅です。
3つ目が準備中のページの準備中ですの背景色の下側が実機では伸びてしまうことです。

試したこと

幅を変えたり数値をいじってみたのですがなんともならないです。

補足情報（FW/ツールのバージョンなど）

コードが載せきれないのでURLを失礼致します。
http://xs043938.xsrv.jp/Port.html

Comments

[fusei]

コードが書ききれないのでURLを失礼致します。
http://xs043938.xsrv.jp/Port.html