Exécuter
❯
Exécuter le code
Ctrl+Alt+R
Enregistrer le code
Ctrl+Alt+A
Changer d'orientation
Ctrl+Alt+O
Changer de thème
Ctrl+Alt+D
<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> <h2>L'élément picture</h2> <picture> <source media="(min-width: 650px)" srcset="img_food.jpg"> <source media="(min-width: 465px)" srcset="img_car.jpg"> <img src="img_girl.jpg" style="width:auto;"> </picture> <p>Resize the browser to see different versions of the picture loading at different viewport sizes. Le navigateur recherche le premier élément source où la requête média correspond à la largeur actuelle de la fenêtre d'affichage de l'utilisateur, and fetches the image specified in the srcset attribute.</p> <p>The img element is required as the last child tag of the picture declaration block. L'élément img est utilisé pour assurer la compatibilité avec les navigateurs qui ne prennent pas en charge l'élément picture, ou si aucun des tags source ne correspond. </p> </body> </html>