L'image à l'intérieur du conteneur est débordée même après avoir donné Cela ne se produit pas du tout et cela ne devrait pas arriver après avoir donné toute aide serait appréciée. p> image p> HTML: P> Overflow: caché code> au conteneur. Overflow : caché code>, mais il bugs toujours pour une raison quelconque p> .brands {
margin-top: 18px;
border: 1px solid silver;
height: 200px;
margin-bottom: 25px;
overflow: hidden;
}
img {
width: 100%;
height: 100%;
object-fit: contain;
}
3 Réponses :
.brands
{
...
clip-path: rectangle(0, 0, 100%, 200px);
}J'ai essayé de recréer votre problème: codesandbox Tout semble fonctionner comme prévu, alors je pense que cela pourrait être un navigateur. Ce problème se produit-il sur chaque navigateur? Avez-vous mis la page votre page (zoom)? P>
Je pense que c'est la question du navigateur alors, cuz lorsque je zoomez du navigateur, c'est à ce moment-là que le problème se produit. Merci pour ton aide
Donnez votre img code> max-largeur: 100%; code> et Hauteur: auto; code> ou si vous utilisez bootstrap < / Code> Donnez-lui une classe de img-sensible code> ou img-fluide code> en fonction de votre version. P>