Question

我有一个页面，其中需要修改元素的CSS，例如Nexus 5X（其顶部和底部都有＆＃39; 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中我想的是比较高度＆lt;设备高度（以及检查移动设备的另一个条件很简单），但显然设备高度已被弃用（我也不认为我可以直接在两个高度之间进行这样的比较）？

非常感谢

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

如何检测浏览器高度何时小于设备高度CSS

1 个答案: