Solution au problème de redimensionnement d'image en HTML

J'ai obtenu une image à partir d'une interface tierce. Lorsque j'ai intégré l'image dans ma page, j'ai trouvé qu'elle était trop grande. Redimensionner directement le div ne fonctionne pas, l'image a toujours la même taille. Existe-t-il un moyen d'ajuster la taille de l'affichage de l'image ?

L'image est obtenue dynamiquement, ce qui signifie que rafraîchir la page obtiendra une nouvelle image. Recadrer l'image ne résoudra donc pas le problème.

Le code source html est le suivant

<div class="row">
            <div class="col-md-4">
                <div class="panel panel-primary">
                    <img  src="http://abc.jpeg"></img>
                </div>
            </div>
            <div class="col-md-4">
                <div class="panel panel-primary">
                    <img src="http://abc.jpeg"></img>
                </div>
            </div>
            <div class="col-md-4">
                <div class="panel panel-primary">
                    <img src="http://abc.jpeg"></img>
                </div>
            </div>
        </div>

Vous pouvez essayer la classe auto-réactive d'image de bootstrap

<img class="img-responsive" src="http://abc.jpeg" />

Si vous ne parvenez toujours pas à résoudre le problème. , vous ne pouvez saisir que Comme mentionné ci-dessus, en ajoutant la largeur et la hauteur, vous définissez

<img style="width=100px; height=100px" src="http://abc.jpeg" />

et en écrivant

 .panel img{ width:你期望的宽; height:你期望的高}

en CSS. Vous ne devez pas ajuster la taille du div, mais la taille. de la balise img.

Si vous recevez la photo de quelqu'un d'autre, cela signifie que la longueur et la largeur de l'image ne sont pas confirmées, et que la taille est également incertaine. Si vous utilisez img pour limiter la longueur et la largeur, vous serez dans. inquiéter.

La meilleure façon est d'ajuster la longueur et la largeur du .panel pendant

.panel img{max-width:100%;max-height:100%;}

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!