携帯電話の風景モードで、ブートストラップナビゲーションが画面の下に広がるのはなぜですか？

Question

私はウェブサイトを作ったhttp://sycoscientistrecords.github.io/今、私はこのウェブサイトをコンピュータのクロムブラウザで開き、デバイスツールバーを使用してモバイルのランドスケープモードを模倣するとナビゲーションメニューが適切に動作します。ブートストラップはdivを含むナビゲーションの高さを減らし、スクロールを許可します。開発者向けツールでブートストラップの使用は、メディアクエリ

@media (max-device-width: 480px) and (orientation: landscape) 
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse { 
    max-height: 200px; 
} 

を以下しかし、私は風景モードでは、実際の携帯電話（アンドロイド）上の私のウェブサイトを開いたときに何max-height: 200pxが適用されないと、最後の2つのナビゲーション項目が携帯電話の画面の下にEXTNDされます。それらに完全にアクセスできない。だから私の質問は次のとおりです：

なぜ携帯電話の風景モードで画面の下にもブートストラップナビゲーションが広がっていますか？

Answer 1

現在、通常の5インチモバイルの高さは600論理ピクセル以上です。しかしブートストラップメディアクエリは論理ピクセルの高さが420未満（@media (max-device-width: 480px) and (orientation: landscape)）に適用されます。だから私は、として私のstyle.cssファイルでカスタムメディアクエリを使用する必要があります。私のナビゲーションバー-ヘッダが60PX背が高く、ナビゲーションバーで

@media (max-device-height: 480px) and (orientation: landscape) 
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse { 
    max-height: 200px; 
} 

だから私は、最大幅以上で任意のメディアクエリーを必要310px背が高いです〜370px