ブラウザの高さがデバイスの高さよりも低いときを検出する方法CSS

Question

Nexus 5XのようなデバイスのCSSの要素を変更する必要があるページがあります（これには、Androidのナビゲーションバーが上部と下部にあります - これらはページ上の要素を押す）

現在、私はこのjQueryを検出して調整しています。しかし、代わりにCSSのメディアクエリでこれを行う方法はありますか？以下

コード：

if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) { 
         is_mobile = true; 
        } 
if ($(window).height()<window.screen.height && is_mobile==true) { 
      $('#my_element').css("height","46vh"); 
     } 

が（だから、CSSで私は（単純な移動を確認するために、別の条件）高さ<デバイスの高さを比較するようなものを考えていたが、どうやら、デバイスの高さが廃止されており、とにかく私は2つの高さの間でそのような比較を直接行うことはできないと思いますか？）

どうもありがとう

Answer 1

あなたはmedia queryを使用することができます。

@media all and (min-height: yourValue) { 
    selector { 
    //Code Css 
    } 
} 

続きを読む：https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries