如何使用媒体查询删除类

Question

当@media屏幕和(max-width:500px)处于活动状态时删除类.fade.我怎样才能做到这一点？我的脚本如下.

@media screen and (max-width: 500px) {
    .post_profile_image{
        width:35px;
        height:35px
    }
    .fade{
    /* Remove this class */
    }
}

<div id="myModal" class="modal fade" role="dialog">

Answer 1

如何使用媒体查询删除类

你没有.相反,您可以定义适用于执行您想要完成的样式的类的新规则.媒体查询无法向元素添加或删除类,它们只是更改了适用于元素的规则.

Answer 2

$(window).resize(function(){
 If($(window).width()<500){
  $('.fade').removeClass('fade');
 }
});