検証ツールの表示と実機の表示が大きく異なる

Question

クロームの検証ツールについてです。
スマホモードで「iPhone6/7/8」を選択し、検証を行った時と、実機のiPhone7で見た際のファーストビューが異なります。
実機の方が高さが短く検証ツールと同じ見た目にならないのです。

原因がお分かりの方いらっしゃったらお知恵を貸していただけませんでしょうか？

viewportが原因でしょうか？

  <meta name="viewport" content="width=device-width, initial-scale=1.0">

現在設定しているのは上記になります。
他に足りない情報ございましたら追記いたします。

何卒宜しくお願いいたします。

Answer 1

全く同じにはできないかと思います。
あくまで検証ツールは疑似的なものです。
実機が手元にあるのでしたら実機の表示を正としてください。

※それに、コード一通りないと誰も再現確認できません