Le Media query sono un insieme di regole CSS che permettono di modificare l'aspetto sulla base della dimensione dello schermo, orientamento, risoluzione o altri parametri. Con le specifiche di livello 4 sono stati introdotti nuovi metodi per renderne più comprensibile la stesura.
Se prendiamo in esame il codice seguente, esso applicherà la regola fintanto che la dimensione sarà minore di 300px.
@media (max-width: 300px) { /* ? */ }
Possiamo così riscriverla in:
@media (width <= 300px) { /* ? */ }
Allo stesso modo, regole più complesse possono essere convertite aumentandone la leggibilità
@media (min-width: 300px) and (max-width: 500px) { /* ? */ } @media (300px <= width <= 500px) { /* ? */ }
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Effettuare l'upload di un file via FTP con la libreria FluentFTP di .NET
Trasformare qualsiasi backend in un servizio GraphQL con Azure API Management
Gestire server e pc on premise con Azure Arc
Effettuare il pull di git LFS in un workflow di GitHub
Applicare il versioning ai nostri endpoint ASP.NET Core Minimal API
Definire la durata dell'output cache in ASP.NET Core 7
Montare blob e file share su Azure App Service
Ottimizzare serializzazione e deserializzaione tramite le options con System.Text.Json
Ricevere avvisi su metriche dei server Azure Arc
Recuperare un elemento inserito nella cache del browser tramite API JavaScript
Utilizzare .NET Framework con le Azure Function in modalità isolata
Consumare un endpoint generico in Blazor