スマフォじゃなくても viewport は付けましょう。

スマフォじゃなくても viewport は付けましょう。
と言うか、公開前にちょっとはスマホで確認しましょう。

viewportについていつかまとめる(自分用)として、画像をpositionで強制的に中央に持ってきている場合(*sample)スマフォサイトでひろーーーく表示されていた時の対処

sample
css

.center_image {
position: absolute;
left: 50%;
overflow: hidden;
width: 2000px;/*画像サイズ 無くてもいいが後で重要*/
margin-left: -1000px;/*画像サイズの半分*/
}

html

<div class="center_image"><img alt="" src="./momo.jpg" /></div>

追加修正
css

.center_image img {
position: absolute;
overflow: hidden;
}

html

<meta name="viewport" content="width=1000px, user-scalable=yes" />

content の width=1000pxはスマホで見たときの表示領域の幅サイズを指定、user-scalable=yes は、画面ズームの許可です。