Media Query

Autore: Eugene Taylor
Data Della Creazione: 11 Agosto 2021
Data Di Aggiornamento: 12 Maggio 2024
Anonim
Learn CSS Media Query In 7 Minutes
Video: Learn CSS Media Query In 7 Minutes

Contenuto

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.

Un'introduzione a Microsoft Azure e Microsoft Cloud | In questa guida imparerai cos'è il cloud computing e in che modo Microsoft Azure può aiutarti a migrare ed eseguire la tua azienda dal cloud.

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 raggiro di Responsive Web Design