javascript - 需要增加或减少 的宽度，当浏览器调整大小时，jquery

Question

我需要增加或减少 <div> 的宽度，当浏览器调整大小时，使用 jquery。这是我的代码。

if ($(window).width() > 990 && $(window).width() < 1190) {
    $("#greybor").width(268)
    $("#srchclnt").width("245")
} else if ($(window).width() > 1200 && $(window).width() < 1300) {
    $("#greybor").width(400)
} else
    $(window).width() > 1350 {
        $("#greybor").width(580)
} 

它采用最后输入的宽度，当我调整浏览器大小时，<div>宽度不会减少，它仍然是最后一个。

我什至尝试过 addClass和 removeClass方法，但仍然是同一件事。谢谢和问候。

Answer 1

为什么不使用 css 媒体查询来实现？ https://www.w3schools.com/cssref/css3_pr_mediaquery.asp