Pure js pour réaliser une taille adaptative des images en div (testé, compatible avec Firefox)_compétences javascript

La fonction implémentée par ce code est que lorsque nous rencontrons un div qui contient un img, lorsque la taille de l'image img et la taille du div sont inconnues, l'image s'adaptera à la taille lorsque l'image elle-même est plus petite que la taille. taille du conteneur div, aucun traitement ne sera effectué. Car si elle est étirée, l'image peut être déformée.

Sans plus attendre, passons directement au code. Il a été testé et est compatible avec Firefox, Google, IE6, IE7/8

Voici le code js :

Copier le code Le code est le suivant :

Ce qui suit est le code html :




Copier le code

Le code est le suivant :

Voici le code CSS :

Copier le code

Le code est le suivant :

.sy_pic{ width:200px height:300px; align:center;} Changez vous-même l'adresse de l'image. Si vous avez des questions ou des conseils, veuillez rejoindre le groupe QQ : 255708401.