iPhoneのアプリケーションブラウザのブックマークバーは私のウェブサイトのセクションを隠す

Question

私のウェブサイトは1ページまたはセクションのウェブサイトで、ブラウザまたはウィンドウの幅と高さを持つキャンバスがあり、私はウィンドウを使用しました。 innerWidthとwindows.innerHeightに値を割り当てて（キャンバス）、他のすべてのウェブブラウザで正しく動作します（モバイルまたはデスクトップの場合）。アプリ内のブラウザの投稿からページが開かれたときapp、キャンバスはブラウザの下のブックマークバーを考慮しないため、フッターとゲームパドル（クッション）が隠れて表示されます。

また、同じデバイスのSafariで開いたパドルは、アプリのブラウザのFacebookのパドルが大きく見える（パ​​ドルの高さと幅がウィンドウのinnerWidthとinnerHeightの値を使用して割り当てられていても）ように見えます。

私は昨日全日中メタタグのすべてを試してみましたが、同様の問題についてオンラインでチェックしましたので、私の問題を修正しましたが、できませんでした。 私は自分の問題を説明するのに十分な離散であったことを願っています。私は、Webサイトの写真をSafariとIn Appのブラウザに同じデバイスに添付して、理解を深めることにします。

ありがとうございました！

Image

Answer 1

使用している高さと幅を設定する

var w = Math.min(document.documentElement.clientWidth, window.innerWidth || 0)

var h = Math.min(document.documentElement.clientHeight, window.innerHeight || 0)

を使用してみてください。