Sommario:
Definizione: cosa significa Media Query?
Una query multimediale è una funzionalità HTML / CSS che consente al contenuto di una pagina Web di adattarsi al tipo di supporto in cui viene visualizzata la pagina, come lo schermo di un computer o quello di un telefono o tablet. Questa è considerata una tecnologia di base per l'implementazione del Web design reattivo ed è stata raccomandata per l'implementazione come standard nel giugno 2012 insieme ad altre funzionalità CSS3.Techopedia spiega Media Query
Le query multimediali sono costituite da un tipo di supporto insieme a una o più espressioni che controllano condizionatamente determinate funzionalità multimediali, in particolare quella delle dimensioni dello schermo. Le espressioni logiche in una query multimediale possono essere vere o false; è vero se il tipo di supporto della query corrisponde a quello del tipo di supporto del dispositivo su cui è in esecuzione l'agente utente (browser Web); altrimenti è falso. Quando la media query risulta vera, verranno applicate le regole di stile corrispondenti specificate, seguendo le normali regole a cascata. Va notato che, anche se la query risulta falsa, i fogli di stile specificati in i tag vengono ancora scaricati, ma semplicemente non vengono applicati.
Esempio usando l'HTML
etichetta:
Esempio usando @media all'interno di
Questa definizione è stata scritta nel contesto di Responsive Web Design
