Définition - Que signifie Media Query?
Une requête multimédia est une fonctionnalité HTML / CSS qui permet au contenu d'une page Web de s'adapter au type de support dans lequel la page est rendue, comme un écran d'ordinateur ou celui d'un téléphone ou d'une tablette. Ceci est considéré comme une technologie de base pour la mise en œuvre de la conception Web réactive et a été recommandé pour la mise en œuvre en tant que norme en juin 2012 avec d'autres fonctionnalités CSS3.
Definir Tech explique Media Query
Les requêtes multimédias consistent en un type de support avec une ou plusieurs expressions qui vérifient conditionnellement certaines fonctionnalités de support, en particulier celle des tailles d'écran. Les expressions logiques dans une requête multimédia peuvent être vraies ou fausses; il est vrai si le type de média de la requête correspond à celui du type de média du périphérique sur lequel s'exécute l'agent utilisateur (navigateur Web); sinon, c'est faux. Lorsque la requête multimédia aboutit à true, les règles de style correspondantes spécifiées seront appliquées, en suivant les règles de cascade normales. Il convient de noter que, même si la requête renvoie false, les feuilles de style spécifiées dans le tag sont toujours téléchargés, mais ne sont tout simplement pas appliqués.
Exemple utilisant le HTML marque:
Exemple d'utilisation de @media dans le tag:
@media (largeur maximale: 500px) {
.left_sidebar {affichage: aucun; }
}
Cette définition a été écrite dans le contexte du Responsive Web Design