0 
        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" />
    <meta name="apple-mobile-web-app-capable" content="yes" />

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

私のページには上記のタグがあります。私が達成するのに苦労しているのは、ビューポートをiPhoneの黒いステータスバーの下に置くことです. 私はこれを読みました：

コンテンツがデフォルトに設定されている場合、ステータス バーは正常に表示されます。黒に設定すると、ステータス バーの背景が黒になります。black-translucent に設定すると、ステータス バーは黒で半透明になります。デフォルトまたは黒に設定されている場合、Web コンテンツはステータス バーの下に表示されます。black-translucent に設定すると、Web コンテンツが画面全体に表示され、ステータス バーによって部分的に隠されます。

しかし、私はガイドラインに従いましたが、まだ理解していません..ステータスバーとビューポートの間に重複があるのはなぜですか..ビューポートをiPhoneのステータスバーの下に移動させたい..どうすれば達成できますか?

この解決策も機能しません：

  function fullScreen() {
       window.moveTo(0, 1);
      window.resizeTo(screen.width, screen.height);
    }

別の解決策として、ドキュメントのサイズを 5px ずつ変更 (縮小) し
、本文の先頭に追加することもできます。しかし、誰もそれを行う方法を知っていますか?

4

1 に答える 1

0

これは厄介な解決策ですが、上部の余白をステータス バーのサイズに設定することもできます。

于 2012-07-15T13:07:28.827 に答える