Quelle est la différence entre «écran» et «seul écran» dans les requêtes médiatiques?
Ce message expliquera ce qui distingue «l'écran» du «seul écran» dans les requêtes médiatiques.
Ce qui distingue «l'écran» du «seul écran» dans les requêtes médiatiques?
"filtrer"Est utilisé pour définir la taille de l'écran à l'intérieur de la requête multimédia. Plus précisément, la taille de l'écran peut être définie en utilisant «largeur maximale" et "largeur minuscule»Propriétés CSS. La taille de l'écran diffère d'un écran à l'autre. Ainsi, le mot-clé «seul» est donc déterminé pour empêcher les navigateurs antérieurs d'utiliser les styles fournis car ils ne gèrent pas les requêtes multimédias contenant des fonctionnalités médiatiques.
Comment utiliser les requêtes médiatiques «écran»?
Pour utiliser le «filtrer"Dans une requête multimédia, consultez les instructions répertoriées.
Étape 1: insérer un titre
Tout d'abord, utilisez la balise d'en-tête HTML pour ajouter une rubrique à l'intérieur du document HTML. Par exemple, le « Étape 2: Ajouter du texte en paragraphe Ensuite, ajoutez du texte dans le paragraphe à l'aide du « Appliquer la règle @media Nous avons réglé la largeur de l'écran. Sortir Étape 3: Appliquer le style sur l'élément «corps» Accédez à l'élément corporel et appliquez les propriétés CSS pour le style: Pour ce faire, le «Couleur de l'arrière plan»La propriété est utilisée pour allouer une couleur à l'arrière de l'élément. Étape 4: Définissez «@Media Screen» Selon nos exigences, nous avons réglé la largeur d'un document à «300”Pixels ou moins. La couleur d'arrière-plan est «LightskyBlues". Sinon, ce sera «vert". Pour ce faire, utilisez le «Écran @Media»Et définissez la largeur maximale de l'écran. Après cela, accédez au corps et appliquez les propriétés CSS suivantes: Ici: Sortir Comment utiliser les requêtes médiatiques «uniquement écran»? Le "seul»Le mot-clé empêche les navigateurs d'appliquer les styles spécifiés qui ne sont pas pris en charge par les requêtes multimédias avec des fonctionnalités médiatiques. Suivez les instructions pour utiliser le «SEULEMENT"Dans les requêtes médiatiques. Étape 1: style «corps» Accédez au corps et appliquez le «Couleur de l'arrière plan”Pour spécifier la couleur à l'arrière de l'élément à l'écran. Étape 2: Appliquer la requête médiatique avec «uniquement écran» Maintenant, appliquez une requête média avec "SEULEMENT"Pour définir la largeur de l'écran. Pour ce faire, la valeur du «SEULEMENT«La propriété est définie comme«400px". Étape 3: Définissez la propriété «Color en arrière-plan» Lorsque nous avons réglé la largeur d'un document sur «400«Pixels ou moins, la couleur d'arrière-plan est«RVB (17, 97, 202)". Sinon, c'est «RVB (235, 185, 23)". Sortir Il s'agit de la distinction entre l'écran des requêtes multimédias et uniquement l'écran. Conclusion La distinction entre «SEULEMENT" et "filtrer"Dans les requêtes médiatiques, c'est que le"filtrer"Est employé pour indiquer la taille de l'écran de la requête multimédia. Le "largeur maximale" et "largeur minuscule»Peut être utilisé pour contrôler la taille de l'écran. Comme chaque écran a une taille d'écran distincte, le «seul»Le mot-clé est utilisé pour éviter d'implémenter les styles spécifiés dans les navigateurs précédents qui n'autorisent pas les requêtes multimédias. Cet article a expliqué la distinction entre «uniquement écran» et «écran» dans les requêtes médiatiques.
Color en arrière-plan: vert;
corps
Color en arrière-plan: LightskyBlues;
Couleur: RVB (226, 12, 12);
Encore une fois, accédez au corps et appliquez "Couleur de l'arrière plan" encore:
Color en arrière-plan: RVB (235, 185, 23);
@media uniquement écran et (max-largeur: 400px)
corps
Color en arrière-plan: RVB (17, 97, 202);