モバイルでブラウザのナビゲータを計算する

私のページに3つの重要なdivがあります。それらのうち2つは固定された高さを有し、1は窓の高さに適合する。 CSSでcalc(100vh - 260px);を使用しています。これはChromeの「デバイスツールバー」で完全に機能します。しかし、Chromeで自分の携帯電話で試してみると、ブラウザはブラウザのナビゲーションバーの高さを100vhから抽出せず、3番目の要素の下端がビューポートの下に表示されます。 CSSやJavascriptでこれを修正する方法はありますか？モバイルでブラウザのナビゲータを計算する

出典

2017-07-14 Eren Kara

私は既に非常によく似た質問hereに答えました。

短いストーリー、100vhの代わりに100%を使用してください。

出典

2017-07-14 20:14:41

申し訳ありませんがわからない場合は。私は3つの重要な要素の下に他の要素を示したいと思います。ですから、100％を作っても私にとってはうまくいかないでしょう：/。 –

あなたはおそらくそれを使用する方法を理解していません。質問にコードスニペット（jsfiddleまたはcodepenなど）を追加してください。 –

私はあなたのやり方でそれをしました。私はちょうど親の高さcalc（100％ - 260px）と子供の高さ50％を作って、それは働いた。ありがとう！ –

モバイルでブラウザのナビゲータを計算する

答えて

関連する問題