Utilisez l'attribut srcset pour spécifier l'URL d'une image à utiliser dans différentes situations en HTML.
Vous pouvez essayer d'exécuter le code suivant pour implémenter l'attribut srcset. Redimensionnez votre navigateur pour voir différentes images se charger -
<!DOCTYPE html>
<html>
<head>
<meta name = "viewport" content="width=device-width, initial-scale = 1.0">
</head>
<body>
<picture>
<source media = "(min-width: 550px)" srcset = "https://www.tutorialspoint.com/assets/videotutorials/courses/3d_animation_online_training/380_course_211_image.jpg">
<source media = "(min-width: 400px)" srcset = "https://www.tutorialspoint.com/assets/videotutorials/courses/html_online_training/380_course_216_image.jpg">
<img src = "https://www.tutorialspoint.com/videotutorials/images/tutorial_library_home.jpg" alt = "Tutorials Library" style = "width:auto;">
</picture>
</body>
</html>Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
Quel logiciel est Unity ?
Quels sont les logiciels bureautiques
Utilisation de la fonction d'écriture
À quelle entreprise appartient le système Android ?
Quelle est la différence entre php et java
Qu'est-ce qu'un équipement terminal ?
que signifie la concentration
utilisation de l'instruction switch
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
