スマホの画面サイズの大きいものは、右側に隙間ができてしまう

スマホむけのwebサイトを開発したが、iPhone8・Xはきれいに写り、8 plusやXRは右側に隙間が空いてしまいました。

現在、以下のURLのように、チームの顔写真と名前がわかるようなサイトを開発しています。
http://www.galaxyocean.com/models/models.html

試したこととしては、ヘッダに

html
1 <meta name="viewport"
2   content="width=320,
3      height=480,
4      initial-scale=1.0,
5      minimum-scale=1.0,
6      maximum-scale=2.0,
7      user-scalable=yes" />

を追加しましたが、うまくいきません。
widthを

html
1 <meta name="viewport"
2   content="width=400,
3      height=480,
4      initial-scale=1.0,
5      minimum-scale=1.0,
6      maximum-scale=2.0,
7      user-scalable=yes" />

と広く設定しても、うまくいきませんでした。

アドバイスを頂けないでしょうか。

※補足
iPhone8・X　＝＞　width 375px　できれいに
iPhone8 Plus, XR ＝＞　width 414pxできれいに写ります。

Yousuck

2020/06/26 03:26

デバイスのサイズに応じてフレキシブルに対応されたいのであれば、こちらの設定になるかと思います。 <meta name="viewport" content="width=device-width,initial-scale=1"> サイズを指定される理由が何かおありなのであれば、 jsなどを使ってviewportを切り分けされてみてはと思います。