La programmation media-queries

3

Requêtes multimédias CSS: max-width OU max-height

Lors de l'écriture d'une requête multimédia CSS, existe-t-il un moyen de spécifier plusieurs conditions avec la logique "OU"? J'essaie de faire quelque chose comme ça: /* This doesn't work */ @media screen and (max-width: 995px OR max-height: 700px) { ... }

490 css media-queries

5

Quelle est la différence entre «écran» et «uniquement écran» dans les requêtes multimédias?

Quelle est la différence entre screenet only screendans les requêtes média? <link media="screen and (max-device-width: 480px)" rel="stylesheet" href="m.css" /> <link media="only screen and (max-device-width: 480px)" rel="stylesheet" href="m.css" /> Pourquoi devons-nous utiliser only screen? Ne screenfournit- il pas lui-même suffisamment d'informations pour être rendu uniquement à l'écran? J'ai vu de nombreux …

487 css media-queries

15

Media Queries: comment cibler les ordinateurs de bureau, les tablettes et les mobiles?

J'ai fait des recherches sur les requêtes multimédias et je ne comprends toujours pas comment cibler des appareils de certaines tailles. Je veux pouvoir cibler les ordinateurs de bureau, les tablettes et les mobiles. Je sais qu'il y aura des divergences mais ce serait bien d'avoir un système générique qui …

472 css mobile media-queries tablet

18

Twitter Bootstrap 3: comment utiliser les requêtes multimédias?

J'utilise Bootstrap 3 pour créer une mise en page réactive dans laquelle je souhaite ajuster quelques tailles de police en fonction de la taille de l'écran. Comment puis-je utiliser des requêtes multimédias pour créer ce type de logique?

371 css twitter-bootstrap media-queries

11

Les requêtes multimédias peuvent-elles être redimensionnées en fonction d'un élément div au lieu de l'écran?

Je voudrais utiliser des requêtes multimédias pour redimensionner des éléments en fonction de la taille d'un divélément dans lequel ils se trouvent. Je ne peux pas utiliser la taille de l'écran car il divest simplement utilisé comme un widget dans la page Web, et sa taille peut varier. Mettre à …

317 css media-queries

12

Est-il possible de mettre les règles CSS @media en ligne?

J'ai besoin de charger dynamiquement des images de bannière dans une application HTML5 et j'aimerais que deux versions différentes correspondent à la largeur de l'écran. Je ne peux pas déterminer correctement la largeur d'écran du téléphone, donc la seule façon d'y penser est d'ajouter des images d'arrière-plan d'un div et …

293 html css media-queries

9

Que signifient l'écran @media et (largeur maximale: 1024 pixels) en CSS?

J'ai trouvé ce morceau de code dans un fichier CSS dont j'ai hérité, mais je n'y trouve aucun sens: @media screen and (max-width: 1024px){ img.bg { left: 50%; margin-left: -512px; } } Concrètement, que se passe-t-il sur la première ligne?

245 css media-queries

8

Quelle est la différence entre la largeur maximale de l'appareil et la largeur maximale pour le Web mobile?

J'ai besoin de développer des pages html pour les téléphones iphone / android, mais quelle est la différence entre max-device-widthet max-width? J'ai besoin d'utiliser différents CSS pour différentes tailles d'écran. @media all and (max-device-width: 400px) @media all and (max-width: 400px) Quelle est la différence?

242 css mobile-website media-queries

5

@Media largeur min et largeur max

J'ai cette @mediaconfiguration: HTML : <head> <meta name="viewport" content="width=device-width, user-scalable=no" /> </head> CSS : @media screen and (min-width: 769px) { /* STYLES HERE */ } @media screen and (min-device-width: 481px) and (max-device-width: 768px) { /* STYLES HERE */ } @media only screen and (max-device-width: 480px) { /* STYLES HERE */ …

225 css mobile media-queries

3

@media media query et clash de syntaxe de rasoir ASP.NET MVC

J'ai un grand site qui s'exécute dans ASP.NET MVC en utilisant le moteur de vue Razor. J'ai une feuille de style de base qui contient tous les styles génériques pour l'ensemble du site. À l'occasion, cependant, j'ai des styles spécifiques à la page qui dans <head>la page - généralement c'est …

214 css asp.net-mvc-3 razor media-queries

17

$ (window) .width () différent de la requête multimédia

J'utilise Twitter Bootstrap sur un projet. En plus des styles d'amorçage par défaut, j'ai également ajouté certains de mes propres styles //My styles @media (max-width: 767px) { //CSS here } J'utilise également jQuery pour modifier l'ordre de certains éléments sur la page lorsque la largeur de la fenêtre d'affichage est …

187 jquery css twitter-bootstrap media-queries

16

Pourquoi mes requêtes multimédias CSS3 ne fonctionnent-elles pas?

Dans le style.css, j'utilise des requêtes multimédias, qui utilisent toutes deux une variante de: /*--[ Normal CSS styles ]----------------------------------*/ @media only screen and (max-width: 767px) { /*--[ Mobile styles go here]---------------------------*/ } Les sites se redimensionnent à la mise en page que je souhaite dans un navigateur ordinaire (Safari, Firefox) …

183 html css media-queries mobile-website

11

Prise en charge d'IE8 pour CSS Media Query

IE8 ne prend-il pas en charge la requête multimédia CSS suivante: @import url("desktop.css") screen and (min-width: 768px); Sinon, quelle est la manière alternative d'écrire? La même chose fonctionne très bien dans Firefox. Des problèmes avec le code ci-dessous? @import url("desktop.css") screen; @import url("ipad.css") only screen and (device-width:768px);

178 html css responsive-design internet-explorer-8 media-queries

19

Problèmes d'impression CSS @media avec background-color;

Je suis nouveau ici dans cette entreprise et nous avons un produit qui utilise des kilomètres de CSS. J'essaie de créer une feuille de style imprimable pour notre application, mais j'ai des problèmes avec background-colorin @media print. @media print { #header{display:none;} #adwrapper{display:none;} td { border-bottom: solid; border-right: solid; background-color: #c0c0c0; …

176 css media-queries

10

Bootstrap 3 points d'arrêt et requêtes multimédias

Dans la documentation des requêtes multimédias Bootstrap 3, il est dit: Nous utilisons les requêtes multimédias suivantes dans nos fichiers Less pour créer les points d'arrêt clés dans notre système de grille. Appareils très petits (téléphones, moins de 768px): aucune requête multimédia car il s'agit de la valeur par défaut …

172 twitter-bootstrap twitter-bootstrap-3 media-queries breakpoints

Questions marquées «media-queries»