2 votes

Image non responsive lors de l'utilisation du composant Image de Next JS avec la classe tailwindcss

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.

1voto

Deri Kurniawan Points 31

J'ai trouvé la solution L'image doit être enveloppée dans votre code responsive. Ne placez pas votre className responsive directement sur le composant Image de Nextjs.

ce code a résolu le problème.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X