Les requêtes multimédias permettent l'application conditionnelle de styles CSS en fonction des types de supports, tels que l'écran et l'impression, et des conditions des fonctionnalités multimédias, telles que la fenêtre et la hauteur et la largeur du périphérique. Ils font partie de la spécification W3C CSS3.

media-queries...

@media screen (max-width: 750px) or (screen and (max-width: 750px) (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi)) { div.body, div.body div.links, div.body div.links div, div.footer, div.footer div { display: block !important; overflow: hid....
29 mai 2020 à 18:25
Je crée mon site Web et le rend compatible avec les mobiles avec des balises @media sur CSS. J'ai une image du bâtiment de l'état de l'empire qui s'aligne vers la droite au lieu du centre chaque fois que la fenêtre d'affichage est inférieure à 1235px. Je me demandais quelle est la racine de ce probl....
16 mai 2020 à 04:15
S'il vous plaît, j'ai un petit problème avec mon positionnement CSS Grid . J'ai quatre colonnes avec la propriété auto-fit. Pas de problème si j'ai un moniteur d'une largeur supérieure à 1376 pixels par exemple (pas de problème non plus sur les appareils mobiles car je ne montre qu'un seul élément ....
15 avril 2020 à 11:19
Je souhaite modifier l'ordre de ma table, en raison d'une requête multimédia. Dans mon HTML, mon code ressemble à ceci: <table> <tr> <td>date1</td> <td>place1</td> <td>ticket1</td> </tr> <tr> <td>date2</td> <td>place2</td> <td>ticket2</td> </tr> </table> Qui ress....
13 avril 2020 à 13:52
Comment puis-je ajouter un point d'arrêt lors de l'affichage du contenu HTML dans une petite fenêtre (par exemple xs)? <br class="show-when-small-window"> ....
J'essayais de modifier la requête CSS @media de WordPress mais cela ne semble pas fonctionner. dans l'inspecteur de navigateur apparaît deux lignes de code (index: 1733 et index: 1104 contenant le même code) mais la ligne 1733 est la seule qui fonctionne. Qu'est-ce qui se passe? toute aide s'il vous....
29 mars 2020 à 10:44
J'ai une heure de recherche pour savoir (et obtenir une source viable) comment le redimensionnement est déclenché en CSS (média) quand il se produit et par quel composant. Ce que je veux, c'est comment cela fonctionne dans le navigateur, ce qu'il fait lorsque la fenêtre est redimensionnée. Pas le c....
11 mars 2020 à 12:00
Je souhaite optimiser mon écran sur mobile, donc lorsque l'orientation est de type portrait, je déplace la partie jaune avec du texte vers le bas dans la zone de réserve blanche. Ai-je besoin de media query? Je n'ai pas réussi à calculer la hauteur disponible de la zone blanche. <div style={{ ....
7 mars 2020 à 19:17
Bonjour, je viens de commencer le développement web il y a quelques jours. Je veux que l'en-tête de ma page Web soit réactif afin que sa largeur, sa hauteur et sa taille de police soient flexibles. <header class="text-white"> <div class="jumbotron bgimg text-white"> <h1 class="display-4"> ....
19 févr. 2020 à 16:43
Je voudrais centrer un formulaire sur une page et j'ai réussi à le faire. J'ai un problème, cependant: lorsque je redimensionne les fenêtres du navigateur et que la hauteur diminue, j'aimerais que le formulaire reste en dessous de la barre de navigation et que la page déborde et me permette de faire....
12 févr. 2020 à 16:34
Tout d'abord, je dois dire que j'ai déjà vérifié d'autres questions SO concernant ce problème (comme ceci et this), et je crois que mon problème est différent de ces questions, et cette question n'est pas un double de ces questions. J'ai quelques requêtes multimédias comme celles-ci dans mon fichier....
11 févr. 2020 à 07:53
Je crée une application météo assez simple. J'essaie de rendre l'application adaptée aux mobiles. Cependant, les requêtes multimédias que j'ajoute ne redimensionnent pas l'application lorsque l'écran est plus petit. HTML: <body> <div id="weather_wrapper"> <div class="weatherCard"> <di....
5 févr. 2020 à 03:36
J'ai la classe .foo { width: 30px; } @media only screen and (max-width:768px){ .foo { width: 20px; } } Et je veux changer la valeur de largeur de 20px à 15px avec javascript pour la mediaquery uniquement. Quand je le fais, cela change la classe pour toutes les résolutions en actualisan....
4 févr. 2020 à 10:20
Je connais cette éventuelle question en double. mais mon scénario est différent . J'ai rencontré une solution SO possible, mais aucune ne convenait à ma situation. Est que toute combinaison possible ou valide comme ci-dessous, j'essaie de combiner la résolution avec la requête multimédia ciblant un....
29 janv. 2020 à 15:24
Comment gérer l'image de la bannière en fonction de différents appareils comme les petits et moyens mobiles et tablettes.?....
14 janv. 2020 à 09:13
J'essaie d'utiliser la requête multimédia dans les styles des composants, mais lorsque je redimensionne la fenêtre, rien ne se passe @media query screen and (max-width: 768px) { /* Here are some changes*/ } Cela ne fonctionne pas du tout, ai-je besoin de charger certains modules ou comment y remé....
13 janv. 2020 à 12:14
J'ai fait un nouveau document html avec seulement un fichier PDF dedans. Le code: <embed src="impressum.pdf" width="1200" height="900" alt="pdf" pluginspage="http://www.adobe.com/products/acrobat/readstep2.html"> Cela fonctionne parfaitement mais mon problème est maintenant que je ne sais pas comme....
10 janv. 2020 à 21:31
J'ai essayé d'implémenter ma première requête multimédia et je ne comprends pas pourquoi cela n'a pas eu d'effet. J'ai 4 colonnes (éléments flexibles) et j'essaie de réduire cela à 2 colonnes (éléments flexibles) sur des écrans de moins de 800 pixels. J'ai suivi l'exemple de w3schools. Je serais trè....
22 déc. 2019 à 01:28
J'ai un besoin urgent d'aide. Je suis sur le point de terminer ma finale mais je ne comprends pas très bien les requêtes des médias. Je dois "inclure une requête multimédia pour modifier la page afin qu'elle tienne sur une tablette et une requête mobile. Vous réduirez la largeur de la page pour l'ad....
17 déc. 2019 à 12:37
J'ai un design différent sur mon site Web pour mobile, tablette et ordinateur de bureau. J'utilise mediaquery pour masquer / afficher la div. Tout fonctionne bien en mode portrait. Comment gérer cela en mode paysage? Les téléphones mobiles adoptent la conception de la tablette en raison de l'augment....
17 déc. 2019 à 10:53
Je me souviens que cela fonctionnait lorsque je définissais la largeur à 100% une fois redimensionnée à certains pixels du bureau aux tablettes au mobile. Je ne sais pas pourquoi le mien ne fonctionnera pas cette fois-ci pour une raison quelconque. Essayer d'obtenir l'en-tête, le contenu et le pied ....
16 déc. 2019 à 03:17
Sans javascript ni grille car c'est juste une page de destination et je veux être pris en charge dans tous les navigateurs j'essaye de créer une page de prix comme dans l'image ci-dessous: J'ai utilisé flex pour cet exemple. Le bloc de prix serait en texte intégral et je souhaite conserver une pr....
14 déc. 2019 à 14:07
J'essaie de faire en sorte que mon menu horizontal se transforme en vertical lorsque la page est redimensionnée ou que la taille de l'écran est inférieure à 500 pixels, mais après avoir apporté des modifications, j'ai réalisé que mon menu se comportait ainsi uniquement en bordure et donc pas en safa....
12 déc. 2019 à 13:25
Je me demande si c'est possible avec ce scénario suivant: J'ai un Media Query css pour une largeur minimale de 700 pixels et une largeur maximale de 1000 pixels (normalement utilisé pour le rendu des appareils mobiles sur les navigateurs) mais, lorsque les anciens appareils mobiles avec moins de 100....
8 déc. 2019 à 05:45
En CSS, j'aimerais avoir des règles qui s'appliquent si la page fait entre 600px et 750px de large, ou si la page est plus large que 1200px. Je sais qu'il y a de nombreux opérateurs , mais je suis coincé à essayer d'en utiliser plusieurs ensemble. Voici ce que j'ai essayé jusqu'à présent, qui foncti....
6 déc. 2019 à 05:43