如果浏览器窗口在特定大小之间或浏览器窗口大小为特定大小

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%',
    });
}
});