Javascript 更改窗口宽度时如何重新加载css样式？

更改窗口宽度时如何重新加载css样式？

我试过了，但没有成功。简单的重新加载（

F5

）有助于更正css标记

jQuery（函数（$）{
var windowWidth=$（window.width（）；
var触发器=1024；
如果（windowWidth触发器）||
（更大==true&&$（window.width（）<触发器）
)
){
window.location.reload（）；
返回；
}
});
});

---

CSS示例

。示例{
显示：块；
填充：12px；
位置：固定；
排名：0；
宽度：100%；
z指数：10；
}
@媒体屏幕和屏幕（最小宽度：1024px）{
.举例{
左：80px；
顶部：80px；
宽度：自动；
填充：8px；
}
}

最初的CSS样式已经被一些

JS

修改过，所以当窗口变得小于或大于1024px时，我想重新加载原始样式。

你应该在

以下是一个例子：

$( window ).resize(function() {
  $( "body" ).prepend( "<div>" + $( window ).width() + "</div>" );
});

$（窗口）。调整大小（函数（）{
$（“body”）.prepend（“+$（window.width（）+”）；
});

---

我真的不明白为什么每当viewport vidth被提升时，使用javascript或jquery来更改css，通常最好使用css媒体查询。

实际上，当您调用带有超时的函数时，它会起作用

setTimeout(function(){
    window.location.reload();
},1); 

---

嗨，什么是css标签？对不起，我指的是css样式。如何重新加载原始css样式。