Comment obtenir une taille d'image adaptative

Adaptation de la taille de l'image

Nous pouvons facilement implémenter l'adaptation d'image via bootstrap :

<img src="..." class="img-responsive" alt="Pic">

Si vous ne prévoyez pas de référencer bootstrap, via CSS pur, nous pouvons voir la définition de la classe img-responsive dans bootstrap :

.img-responsive {    
    display: inline-block;    
    height: auto;    
    max-width: 100%;}

De cette façon, nous utilisons du CSS pur pour compléter l'adaptation de l'image
Expliquez le code : display permet le ; image to be Il est présenté sous une forme restreinte, et la largeur et la hauteur peuvent être définies
Utilisez ensuite max-width pour définir la largeur, qui peut remplacer les paramètres de l'attribut width de l'étiquette par d'autres classes height ; rend la hauteur de l'image adaptative et peut également être réglée à l'envers, mais cela se produit généralement plus souvent.

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!