1

次の 2 つのメタ タグを使用して、iPad でフルスクリーンを許可する Web ページ:

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

問題は、ブラウザのステータス バーが Web ページのヘッダーを覆っていることです。どうすればこれを回避できますか? ステータス バーは透過的ですが、それは解決策ではありません。Web ページのヘッダーにいくつかのリンクがあり、クリックできなくなりました。

4

2 に答える 2

0

コンテンツが "black-translucent" に設定されている場合、ステータス バーはわずかに透明になり、Web アプリの上部に表示されます。上部にテキストがある場合、おそらくこのオプションは必要ありません。

代わりにこれを試してください：

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

またはこれ：

<meta name="apple-mobile-web-app-status-bar-style" content="default">
于 2012-11-20T14:49:47.303 に答える
-1

本文の上部 (または、ステータス バーの下に表示したい要素を含む任意の要素) に 20 ピクセルのマージンを追加してみてください。ステータス バーの高さは 20 ピクセルです。

body {
    margin-top: 20px;
}

の背景色htmlを設定して、ステータス バーの背景を設定します。

html {
    background: #778899;
}
于 2019-03-06T01:07:08.287 に答える