HTML : structurer le Web (école d'ingénieur) · Chapitre 4 · Application directe du cours
Quelle version télécharge le navigateur ?
Images et médias · niveau 2
Énoncé
On reprend l'image de la fiche du livre : srcset="java-300.jpg 300w, java-600.jpg 600w, java-900.jpg 900w" et sizes="(max-width: 600px) 100vw, 300px". Quelle version un navigateur choisit-il, en principe, pour :
- un ordinateur, fenêtre de 1 200 pixels, densité 1 ;
- le même ordinateur, écran de densité 2 ;
- un téléphone de 400 pixels de large, densité 2 ;
- un téléphone de 400 pixels de large, densité 3 ?
Corrigé
Le navigateur calcule la largeur d'affichage (d'après sizes), la multiplie par la densité de l'écran, et prend la plus petite version au moins aussi large.
- Fenêtre de plus de 600 pixels : l'image occupe 300 pixels ; 300 × 1 = 300 :
java-300.jpg. - 300 × 2 = 600 :
java-600.jpg. - Fenêtre de 600 pixels ou moins : l'image occupe toute la largeur, 400 pixels ; 400 × 2 = 800 :
java-900.jpg. - 400 × 3 = 1 200, plus que la plus grande version :
java-900.jpg, la plus grande disponible.
« En principe » : le navigateur a le droit de prendre une version plus petite (réseau lent, mode économie de données), ou de réutiliser une version plus grande déjà en cache.
100 % gratuit
La suite du chapitre est sur Adloun
- 10 autres exercices corrigés dans ce chapitre
- Les 2 QCM du chapitre, le premier sans compte
- Le tuteur, qui guide pas à pas sans donner la réponse
Sans compte : le cours et le premier QCM. Exercices et tuteur : inscription gratuite en 30 secondes, sans carte bancaire.