Reines js, um die adaptive Größe von Bildern in div zu realisieren (getestet, kompatibel mit Firefox)_Javascript-Kenntnisse

Die durch diesen Code implementierte Funktion besteht darin, dass sich das Bild an die Größe anpasst, wenn wir auf ein Div stoßen, das ein IMG enthält, wenn die Größe des IMG-Bildes und die Größe des Div unbekannt sind Größe des Div-Containers, es wird keine Verarbeitung durchgeführt. Denn bei Dehnung kann das Bild verzerrt sein.

Kommen wir ohne Umschweife direkt zum Code. Er wurde getestet und ist mit Firefox, Google, IE6, IE7/8 kompatibel.

Das Folgende ist der js-Code:

Code kopieren Der Code lautet wie folgt:

Das Folgende ist der HTML-Code:




Code kopieren


Der Code lautet wie folgt:

Das Folgende ist der CSS-Code:

Code kopieren

Der Code lautet wie folgt:

.sy_pic{ width:200px; height:300px; border:#000 solid 5px; align:center;}

Ändern Sie die Bildadresse selbst. Wenn Sie Fragen oder Ratschläge haben, treten Sie bitte der QQ-Gruppe bei: 255708401.