Questions marquées «media-queries»

Les requêtes multimédias permettent l'application conditionnelle de styles CSS basés sur les types de supports, tels que l'écran et l'impression, et les conditions des fonctionnalités multimédias, telles que la hauteur et la largeur de la fenêtre d'affichage et de l'appareil. Ils font partie de la spécification W3C CSS3.


4
Requêtes multimédias - Entre deux largeurs
J'essaie d'utiliser des requêtes multimédias CSS3 pour créer une classe qui n'apparaît que lorsque la largeur est supérieure à 400px et inférieure à 900px. Je sais que c'est probablement extrêmement simple et qu'il me manque quelque chose d'évident, mais je ne peux pas le comprendre. Ce que j'ai trouvé est …
141 css  media-queries 



11
Obtenez la largeur de l'appareil en javascript
Existe-t-il un moyen d'obtenir la largeur de l'appareil des utilisateurs, par opposition à la largeur de la fenêtre, en utilisant javascript? Les requêtes multimédias CSS offrent cela, comme je peux le dire @media screen and (max-width:640px) { /* ... */ } et @media screen and (max-device-width:960px) { /* ... */ …


7
Utilisation de variables Sass avec des requêtes multimédias CSS3
J'essaie de combiner l'utilisation d'une variable Sass avec des requêtes @media comme suit: $base_width:1160px; @media screen and (max-width: 1170px) {$base_width: 960px;} @media screen and (min-width: 1171px) {$base_width: 1160px;} $base_width est ensuite défini à divers points dans les mesures basées sur le pourcentage de largeur de la feuille de style pour …

3
Écrans Retina, images d'arrière-plan haute résolution
Cela peut sembler une question idiote. Si j'utilise cet extrait CSS pour les affichages réguliers (Où box-bg.pngest 200px par 200px); .box{ background:url('images/box-bg.png') no-repeat top left; width:200px; height:200px } et si j'utilise une requête multimédia comme celle-ci pour cibler les écrans Retina (avec l'image @ 2x étant la version haute résolution); …


12
Bootstrap - Suppression du rembourrage ou de la marge lorsque la taille de l'écran est plus petite
EDITED: Peut - être devrais-je demander quel sélecteur configure le rembourrage latéral lorsque l'écran est réduit à une largeur inférieure à 480px? J'ai parcouru bootstrap-responsiveness.css pendant un certain temps pour localiser cela, mais rien ne semble affecter cela. Original Je souhaite essentiellement supprimer tout remplissage par défaut ou jeu de …


En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.