Qu'est-ce qu'une media query
Définition d'une media query
Arrivées avec les CC3, les Media Queries vont vous permettre de spécifier des conditions pour l'application d'une feuille de styles spécifique.
Anciennement, il existait une seule condition qui était le support de consultation (screen, print, ...).
Aujourd'hui, la "Media Query" va vous permettre de compléter la condition de utilisation de la CSS grâce aux opérateurs logiques and "et", only "uniquement", not "non" et divers critères que nous étudierons dans le cours spécifique aux les Media Queries.
Vous pourrez utiliser la "Media Query" avec l'attribut HTML media:
<link media="screen and (max-width: 640px)" href="macss.css"/>
<style media="screen and (max-width: 640px)">
</style>Vous pourrez aussi utiliser la "Media Query" avec @import et @media :
@import url("testimport.css") screen and (max-width: 640px);
@media screen and (max-width: 640px){} Les Media Queries sont généralement utilisées pour modifier la charte d'un site quand celui-ci est visualisé par un mobile ou une tablette.
J'ai commencé un article sur les Media Queries que je compléterai au fur et à mesure de mes découvertes et de ma maitrise des Media Queries.