Dal corso: Formazione essenziale su HTML
Iscriviti adesso per accedere a oltre 23.200 corsi tenuti da esperti del settore.
Larghezza dinamica - Tutorial HTML
Dal corso: Formazione essenziale su HTML
Larghezza dinamica
- Nell'ultimo video, abbiamo appena guardato come possiamo usare l'elemento immagine e l'attributo srcset per elencare una serie di file di immagine e chiedere al browser di decidere quale file scaricare e visualizzare considerando la densità di pixel dello schermo. E se invece volessimo che il browser considerasse la larghezza del riquadro di visualizzazione e scegliesse un file in base alle dimensioni dello schermo e alla densità? Diamo un'occhiata a una demo. È molto simile a quello che ho appena mostrato nell'ultimo video con quattro immagini elencate all'interno di un attributo srcset. Ma questa volta invece di dire una x, due x, tre x, quattro x, diremo al browser quanto è largo ogni file, 480w, 960w. Ciò significa 480 pixel di larghezza, 960 pixel di larghezza. Ora il browser sceglierà dinamicamente quale immagine visualizzare in base a una combinazione di densità del dispositivo e larghezza del riquadro di visualizzazione. Questo non sceglierà l'immagine delle dimensioni…
Fai pratica con gli esercizi mentre impari la teoria
Scarica i documenti che l’istruttore utilizza per tenere i corsi. Segui e impara guardando, ascoltando ed esercitandoti.
Scarica i corsi e guardali in qualsiasi momento
Guarda i corsi sul tuo dispositivo mobile anche se non sei connesso a Internet. Scarica i corsi tramite l’app di LinkedIn Learning per iOS o Android.