悩み
スマホサイト(iPhoneサイト)を実機テストで見てみると、 横向きにした時に、両端 が白い余白が出てしまう。
解決策
viewport-fit=cover をhead内に記述
具体的な方法
下記htmlソースコードをコピペ!
スマホサイト側
<head>
省略
<meta name=”viewport” content=”width=device-width, initial-scale=1, viewport-fit=cover”>
省略
</head>
参考
https://yumeirodesign.jp/blog/201709/building-iphonex-2017.html
以上、自分へのメモ代わり&お困りのサイト制作者へシェアしておきました。
困ったらお互い様。
Webサイト制作者同志、より良いサイトを世の中に広めて、より価値あるサイトをユーザー(訪問者)に届けて行きましょう!