Domande taggate «media-queries»

Le media query consentono l'applicazione condizionale degli stili CSS in base ai tipi di media, come lo schermo e la stampa, e le condizioni delle caratteristiche dei media, come la visualizzazione e l'altezza e la larghezza del dispositivo. Fanno parte della specifica CSS3 del W3C.

5
Qual è la differenza tra "schermo" e "solo schermo" nelle query multimediali?
Qual è la differenza tra screene only screennelle media query? <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" /> Perché dobbiamo usare only screen? Non screenfornisce di per sé informazioni sufficienti per il rendering solo per lo schermo? Ho visto molti siti …
487 css  media-queries 
12
È possibile mettere in linea le regole CSS @media?
Devo caricare dinamicamente le immagini dei banner in un'app HTML5 e vorrei un paio di versioni diverse per adattarle alle larghezze dello schermo. Non riesco a determinare correttamente la larghezza dello schermo del telefono, quindi l'unico modo in cui riesco a pensare è quello di aggiungere immagini di sfondo di …
293 html  css  media-queries 
5
@Media min-width e max-width
Ho questa @mediaconfigurazione: 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 */ …
17
$ (finestra) .width () non è lo stesso della media query
Sto usando Twitter Bootstrap su un progetto. Oltre agli stili di bootstrap predefiniti ne ho anche aggiunti alcuni //My styles @media (max-width: 767px) { //CSS here } Sto anche usando jQuery per cambiare l'ordine di alcuni elementi nella pagina quando la larghezza del viewport è inferiore a 767px. $(document).load($(window).bind("resize", checkPosition)); …
16
Perché le mie query multimediali CSS3 non funzionano?
In styles.css, sto usando query multimediali, che usano entrambe una variante di: /*--[ Normal CSS styles ]----------------------------------*/ @media only screen and (max-width: 767px) { /*--[ Mobile styles go here]---------------------------*/ } I siti si ridimensionano al layout che desidero in un normale browser (Safari, Firefox) quando restringo la finestra, tuttavia, il …
11
Supporto IE8 per CSS Media Query
IE8 non supporta la seguente query multimediale CSS: @import url("desktop.css") screen and (min-width: 768px); In caso contrario, qual è il modo alternativo di scrivere? Lo stesso funziona bene in Firefox. Problemi con il codice qui sotto? @import url("desktop.css") screen; @import url("ipad.css") only screen and (device-width:768px);
19
Problemi di stampa CSS @media con colore di sfondo;
Sono nuovo qui in questa azienda e abbiamo un prodotto che utilizza miglia di css. Sto tentando di creare un foglio di stile stampabile per la nostra app ma sto riscontrando problemi con 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 
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.