Les requêtes média sont un module CSS3 permettant au contenu de s'adapter à différentes conditions telles que la résolution de l'écran (par exemple, les écrans rétina) ou l'orientation de l'affichage (par exemple, portrait vs paysage). Elles sont utilisées en spécifiant un type de média (comme l'écran ou l'impression) et une ou plusieurs conditions qui vérifient certaines propriétés de l'agent utilisateur ou du dispositif d'affichage. Le contenu peut alors être ciblé spécifiquement pour ce type de média et ces conditions.
Que peut-on vérifier à l'aide des requêtes média ?
Une requête média est une technique CSS utilisée pour appliquer différents styles à un document, en fonction du périphérique de sortie. Les requêtes de média peuvent être utilisées pour cibler différents styles à différentes tailles d'écran, par exemple.
Comment définir une fenêtre d'affichage ?
Une fenêtre d'affichage est la zone visible d'une page Web. La fenêtre d'affichage varie en fonction du périphérique et sera plus petite sur un téléphone mobile que sur un ordinateur de bureau.
Vous pouvez définir la fenêtre d'affichage à l'aide de la balise méta viewport. La métabalise viewport indique au navigateur comment mettre la page à l'échelle, et peut être utilisée pour définir la largeur et la hauteur de la fenêtre d'affichage.
Dans l'exemple ci-dessus, la largeur de la fenêtre d'affichage est fixée à la largeur du périphérique et l'échelle initiale est fixée à 1.
Quels sont les types de médias ?
Les types de médias (également connus sous le nom de types MIME) sont un moyen d'indiquer le type de données qu'un fichier contient. Ils sont utilisés par les navigateurs et autres logiciels pour déterminer comment traiter les fichiers lorsqu'ils sont téléchargés ou ouverts.
Il existe une grande variété de types de médias utilisés, mais certains des plus courants sont :
- text/plain - Un fichier texte brut. Ces fichiers peuvent être ouverts et modifiés avec n'importe quel éditeur de texte.
- text/html - Un fichier HTML. Ces fichiers peuvent être ouverts et visualisés dans n'importe quel navigateur web.
- image/jpeg - Un fichier image JPEG. Ces fichiers peuvent être ouverts et visualisés dans n'importe quel visualiseur ou éditeur d'images.
- application/pdf - Un fichier PDF. Ces fichiers peuvent être ouverts et visualisés dans n'importe quel visualiseur de PDF. Qu'entendez-vous par média en CSS ? Le terme "média" en CSS fait référence aux différents types de médias qui peuvent être utilisés pour afficher une feuille de style CSS. Les types de médias les plus courants sont l'écran, l'impression et l'ordinateur de poche.
Qu'est-ce que REM en CSS ? REM est l'abréviation de "Root Element", qui est l'élément le plus élevé du document HTML. L'élément racine contient tous les autres éléments du document, y compris les balises et . Toutes les règles CSS sont appliquées à l'élément racine, et tous les autres éléments sont des éléments descendants de l'élément racine.