• Résolu Problème avec les media queries


    Vendredi 19 Juin 2015 à 16:48
    MJKoP77

    Bonjour,

    J'ai essayé dernièrement d'utiliser les media queries pour redimensionner les images etc.. de la version mobile de mon blog. Seulement voilà on faisant un petit test simple

    par exemple:
    @media handheld {
    img{ width:100%;}
    }

    Quand je clique sur enregistrer, l'éditeur me dit qu'il y a une erreur que je dois corriger avant de pouvoir mettre à jour mon code.
    Seulement, il y en a pas.  Ma petite théorie c'est que pour l'éditeur un css c'est forcément

    propriété { instruction; }propriété { instruction; }

    Et que du coup là vu qu'elles sont imbriquées, il indique "erreur". D'ailleurs si je les sépare, je peux enregistrer sans problème.
    Du coup comment faire pour régler ce problème ?
    Merci d'avance

    Vendredi 19 Juin 2015 à 20:40
    Mike GMZ

    Salut!

    Il faut passer par les balises <style>...</style>, lorsque l'éditeur refuse certains codes CSS, ex:

    <style>
    @media 
    handheld {

    img{ width:100%;}
    }
    </style>

    à placer dans un module simple, ou dans un article.

    A voir:
    http://www.grafikart.fr/tutoriels/html-css/media-queries-responsive-178

    Samedi 20 Juin 2015 à 16:28
    MJKoP77

    Ok je vois, du coup il faut en mettre une dans chaque article ou du moins pour chaque article que je souhaite modifier?

    Samedi 20 Juin 2015 à 16:31
    Mike GMZ

    Non, pour tout le blog dans un module simple, code source <>
    Oui, juste pour un article, une page, 




    Ce sujet est verrouillé. Vous ne pouvez donc pas poster de nouvelles réponses.