javascript - jquery if 语句检测到高度

Question

我正在尝试更改 h1 的填充，通过检测页面的高度，如果我的屏幕高度在 700:800 px 但我的代码无法正常工作:(

if ($('.background-wrapper').height() <= 800 && $('.background-wrapper').height() >= 700) {
        $(".login > background-wrapper > h1").css("padding-top", "50px")
    }

HTML:

<div class="background-wrapper">
    <div class="container">
        <div class="row">
            <h1> CRM INTERACTIVE MAP SYSTEM</h1>
        </div>
    </div>
</div>

Answer 1

使用 CSS 媒体查询进行制作

@media only screen and (min-height: 700px) and (max-heigth: 800px) {
   .login > background-wrapper > h1 {
      padding-top: 50px;
   }
}