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!