3

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 ではノッチ領域を引き継ぐだけなので、それがヘッダーになります。私にとって、私が何をしても、その白いヘッダー/ノッチを私の白いサイトに溶け込ませることはできません.

うまくいけば、それは理にかなっており、事前に感謝します.

4

1 に答える 1

3

お使いの携帯電話がライト アピアランス モード (設定 -> 表示と明るさ) の場合、 で設定できる最大の暗さがあるようです<meta name="theme-color" content="foo">。例えば:

  • <meta name="theme-color" content="blue">ライトモードとダークモードの両方でヘッダーに影響します。
  • <meta name="theme-color" content="black">ライトモードとダークモードの両方でヘッダーに影響します。
  • <meta name="theme-color" content="#ffffff">ライト モードでのみヘッダーに影響します。
于 2021-06-17T21:52:19.560 に答える