Può un foglio di stile per palmari saltare il caricamento delle immagini

Question

Ho un foglio di stile per i desktop, e un altro per palmari. La pagina Web visualizza alcune immagini quando vengono visualizzati sul desktop, ma nasconde quelle immagini quando vengono visualizzati sui palmari. La pagina viene visualizzata come progettato sia per i desktop e palmari.

Quando controllo i log del server, trovo che il palmare è in realtà ancora caricando le immagini, non solo la loro visualizzazione. Esiste un modo per fermare il palmare il caricamento delle immagini del tutto, dal momento che non li ha bisogno, senza dover gestire due serie di pagine web? Può essere fatto utilizzando solo i fogli di stile?

Grazie in anticipo.

Ray Mond

Answer 1

Includere le immagini che non si desidera visualizzare sui dispositivi mobili come immagine di sfondo. Nel foglio di stile del browser È quindi possibile utilizzare

.element { 
    background: #FFF url('image.png') no-repeat left top; /* or whatever */
}

mentre nel foglio di stile palmare basta non impostare un'immagine di sfondo, così, a seconda dell'uso esatto, è possibile utilizzare

.element {
    display: none;
}

o

.element { 
    background: #FFF;
}

Tuttavia, non sarà possibile rimuovere le immagini si include con <img src="" /> poi attraverso regole CSS (solo display: none ecc, ma che non li avrebbe smesso di caricamento, come avete notato).

Answer 2

Invia il tuo foglio di stile per un'intestazione HTTP prima la marcatura:

Link: <compact.css>; rel="stylesheet"; media="handheld"

Poi il più usato palmare del browser - Opera - sarà non caricare le immagini. WebKit (Safari) fa ancora, tuttavia - anche le immagini di sfondo per elementi nascosti