浏览器窗口是否介于特定大小之间，或者浏览器窗口的大小是否符合特定大小

Question

如果浏览器窗口在767和980之间，我希望此脚本编辑CSS。我不能使用简单的CSS媒体查询，因为此样式更改基于另一个脚本。

如果将浏览器的大小调整为767至980之间的宽度，则以下脚本可更改css，但是如果您的原始浏览器的宽度在767至980之间，我希望应用相同的样式

$(window).resize(function() {
if ($(window).width() > 767 && $(window).width() < 980) {
 $( '#holiday-bg' ).css({
       'padding-bottom': '55%',
       'background-size': '140%',
    });
}
});  

谢谢！

Answer 1

您只需准备好文档即可在页面完全加载后运行

$(document).ready(function() {
if ($(window).width() > 767 && $(window).width() < 980) {
 $( '#holiday-bg' ).css({
       'padding-bottom': '55%',
       'background-size': '140%',
    });
}
});