iphone - Iphone Web アプリはステータス バーの下にあります

Question

こんにちは、iPhone Web アプリに問題があります。問題は、アプリをホーム画面に追加すると、ウェブサイトがステータスバーの下に移動することです。

たとえば、私のヘッダー ブロックは完全には表示されません。

<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="default" />
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" />

これが問題を示す画像です。

Answer 1

変更してみてください:

<meta name="apple-mobile-web-app-status-bar-style" content="default" />

の中へ：

<meta name="apple-mobile-web-app-status-bar-style" content="black" />

これを黒半透明に設定し、黒に設定すると問題が解消されるという同じ問題がありました。