iOS 15 ベータ版をインストールして、新しい Safari の更新で自分の Web サイトを見ていると、トップ ヘッダーが透明ではなく、ノッチの下に流れるように灰色のヘッダーが表示されていることがわかります。
サイト全体がプレーンな白と黒のテキストなので、サイトが完全に溶け込むように、ステータス バーを透明で黒のテキストにしたいと思います。
私が試してみました:
<meta name="apple-mobile-web-app-status-bar-style" content="default" />
としても
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
また使用:
<meta name="theme-color" content="#ffffff">
違いはないようです。チェックすると、ヘッダーの色がヘッダーとほとんど融合している他のWebサイトを確認しました。
cnn.comまたはhillarys.co.ukを見ると、ヘッダーが iPad の Safari のナビゲーション バーの色に影響することがわかります。iPhone ではノッチ領域を引き継ぐだけなので、それがヘッダーになります。私にとって、私が何をしても、その白いヘッダー/ノッチを私の白いサイトに溶け込ませることはできません.
うまくいけば、それは理にかなっており、事前に感謝します.