jquery - 窗口大小调整为特定大小

Question

我正在尝试编写一个 JQuery 函数，因此当我将窗口大小调整为 700 像素时，我可以删除一个 CSS 类。

有什么办法可以做到吗？

有人可以指点我一些资源或给我和例子吗？

Answer 1

1）监听调整大小事件见http://api.jquery.com/resize/

例如

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

2）删除类见http://api.jquery.com/removeClass/

例如

$( "p" ).removeClass( "myClass yourClass" )

Answer 2

使用两组 CSS 并使用媒体查询来收听屏幕宽度可能会更容易更好。并让您在较小的浏览器尺寸和更好的结果上更好地控制样式。