Comment faire pour supprimer la classe avec les media queries

Quand @media screen and (max-width: 500px) est active suppression classe .fondu . Comment puis-je faire cela? mon script est ici ci-dessous.

@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">
Vous ne pouvez pas ajouter ou supprimer des classes usin css.
puis-je retirer de la classe avec le javascript Lorsque le @media screen and (max-width: 500px) est actif .?? ou d'autres solutions??
vous pouvez soit utiliser jquery ou javascript pour la même chose.

OriginalL'auteur | 2015-09-06

  1. 9

    Comment faire pour supprimer la classe avec des requêtes de média

    Vous n'avez pas. Au lieu de cela, vous définir de nouvelles règles qui s'appliquent à la classe permettant de faire le style que vous voulez faire. Les Media queries ne pouvez pas ajouter ou supprimer des classes d'éléments, ils se contentent de modifier les règles qui s'appliquent aux éléments.

    .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; }
    comment faire pour désactiver l'animation lors de l' @media screen and (max-width: 500px) est active .fondu
    C'est un question (et je ne n'arrive pas à connaître la réponse).
    puis-je retirer de la classe avec le javascript quand @media screen and (max-width: 500px) est actif .?? ou d'autres sollutions??
    Il vous suffit de poster une question demandant comment arrêter la transition à un media query. Quelqu'un connais la réponse. Vous de supprimer la classe en utilisant quelque chose comme matchMedia, mais la meilleure réponse serait d'utiliser le CSS.

    OriginalL'auteur T.J. Crowder

  2. 5
    $(window).resize(function(){
 If($(window).width()<500){
  $('.fade').removeClass('fade');
 }
});
    merci..mais je changer quelque chose à travailler.
    Ok. Tous les meilleurs

    OriginalL'auteur Ahmadbaba46

  3. 1

    Avec CSS, vous ne pouvez pas le supprimer à partir du DOM.. Mais.. Vous pouvez le remplacer. Il vous suffit de définir cette classe dans le bon endroit.

    Redimensionner le code HTML de la boîte de jsFiddle.

    DÉMO: jsFiddle

    HTML

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

    CSS: 

    .fade { 
     opacity: 0; 
     transition: opacity 0.15s linear;
     -o-transition: opacity 0.15s linear; 
     -webkit-transition: opacity 0.15s linear; 
}

.fade:hover {
    opacity: 1
}

@media screen and (min-width: 0px) and (max-width: 500px) {
    .post_profile_image{
        width:35px;
        height:35px
    }
    .fade{
        transition: none;
        -o-transition: none; 
        -webkit-transition: none; 
    }

}
    .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } je veux retirer de transition lors de la media query est active??
    Fait. L'extrait de code mis à jour.

    OriginalL'auteur Michael Mammoliti