The Responsive completa sceneggiatura immagine di sfondo mostra i web designer come evitare Javascript e utilizzare solo il codice CSS per rendere le immagini visualizzate correttamente su tutta l'area di una pagina, senza involucro tutte le sezioni bianche vuote.
Mentre il "background-size: cover" proprietà CSS può raggiungere questo da sola, perché la maggior parte siti web in questi giorni sono accessibili da entrambi i dispositivi mobili e desktop su base regolare, se l'immagine di sfondo non è correttamente scelto, su uno di questi dispositivi , l'immagine non si adatta sempre all'interno della finestra in modo corretto.
Questo script aggiunge anche una media query CSS3 di indirizzare dispositivi di piccolo schermo e quindi assicuratevi un'immagine diversa, più adeguata e più leggero è usato per smartphone e tablet.
Nel complesso questo trucco può essere molto utile, soprattutto dal momento che per alcuni anni immagini di sfondo di alta qualità sono una tendenza comune del settore Web Design.
. Una demo è incluso con il Responsive completa immagine di sfondo Usare pacchetto CSS
Requisiti
- CSS 3 browser abilitato
I commenti non trovato