Maison  >  Article  >  interface Web  >  Code d'effet de mise à l'échelle automatique de l'image de contrôle d'expression CSS [compatible avec IE, Firefox]_Échange d'expérience

Code d'effet de mise à l'échelle automatique de l'image de contrôle d'expression CSS [compatible avec IE, Firefox]_Échange d'expérience

WBOY
WBOYoriginal
2016-05-16 12:04:531489parcourir

Il m'a fallu beaucoup de temps pour enfin résoudre ce problème aujourd'hui. C'est fondamentalement parfait. La seule imperfection est que IE 6 ne redimensionnera automatiquement l'image qu'après son téléchargement complet. Mais c'est mieux que rien. après être entré dans la page, la barre est beaucoup plus confortable. L'expression est utilisée ici, mais elle est chargée une fois, donc l'expression ne provoquera pas de fuite de mémoire. Bien sûr, si vous avez une meilleure solution, j'espère que vous pourrez communiquer avec moi.

Le code est le suivant :

.Image { max-width:600px;height:auto;cursor:pointer; border:1px dashed #4E6973;padding: 3px; function(elm ) { if (elm.width>560) { var oldVW = elm.width; elm.height = elm.height*(560 /oldVW } elm.style.zoom = '1 '; } (ce)); }

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn