Je veux rendre mon image responsive sur la vue mobile. J'ai essayé de définir la className de l'image avec des classes tailwindcss, et cela fonctionne quand j'utilise uniquement reactjs ou la balise img normale. Je veux rendre cette image responsive. J'ai essayé de définir l'attribut layout de l'image avec "responsive" mais l'image disparaît. J'ai essayé de le définir avec "fill" mais c'est trop grand et plat, en fait ça remplit vraiment tout mon écran.
Ceci est mon code
J'ai trouvé la solution L'image doit être enveloppée dans le code de réponse. Ne placez pas votre className responsive directement sur le composant Image Nextjs.
Ce code a résolu mon problème.