Un foglio di stile per ogni tipologia di utente

Le grandi immagini di background caricate dai css e poi nascoste per i dispositivi mobile vengono comunque scaricate e conservate nella cache, anche se non visualizzate. Questo aumenta il tempo di caricamento della pagina e consuma ampiezza di banda. Uno dei migliori modi per creare le pagine consiste nel creare un foglio di stile base per l’utenza mobile e un altro per gli utilizzatori di desktop o tablet.

<link href="basic.css" rel="stylesheet" media="screen">
<link href="desktop.css" rel="stylesheet" media="screen and (min-device-width:480px)">

<!--[if lt IE9]>
    <link href="desktop.css" rel="stylesheet" media="screen">
<![endif]-->

Vai all'archivio
Search
Tags
Seleziona rubrica
Seleziona rubrica
Codice Github