4

ビューポート タグを 480px に設定したので、iPhone (ポートレート モード) での Web サイトの実際の寸法は次のとおりです。

  1. トップバーが表示されている場合は 480x534px
  2. トップバー非表示時は480x594px

それでも、jQuery(window).height()常に480x534px を返すため、現在のコンテンツ (ポップアップ ウィンドウ) の上にコンテナーを配置しようとすると、Web サイトの下部に 60px のギャップが生じwindow.innerHeightます。jQuery(window).InnerHeight()height: 100%; width: 100%;

これはすでに jQuery のバグ (および iPhone のバグ) として報告されていますが、回避策はありますか?

4

2 に答える 2

1

ページが iPhone に読み込まれると、トップ バーが表示されます。
そのため$(window).height()、小さいウィンドウの実際のサイズが返されます。
トップバーが上にスライドしてしばらくすると、ウィンドウのサイズが変わります。そのため、トップ バーのサイズを表す
定数を に追加するか、イベントにフックアップして、トップ パネルが消えた後に実際のサイズを取得できます。(window).height()$(window).resize()

于 2012-05-12T07:56:54.040 に答える