Maison > interface Web > tutoriel CSS > Méthodes d'implémentation et codes pour contrôler l'affichage de la taille de l'image à l'aide de l'échange css_Experience

Méthodes d'implémentation et codes pour contrôler l'affichage de la taille de l'image à l'aide de l'échange css_Experience

WBOY
Libérer: 2016-05-16 12:08:17
original
1483 Les gens l'ont consulté

Parfois, les images sont trop volumineuses et perturbent la présentation soignée de la page Web. À ce stade, vous pouvez utiliser CSS pour forcer la compression proportionnelle de la hauteur ou de la largeur de l'image.
Le code CSS est le suivant :
img,a img{
border:0;
. margin:0;
padding:0 ;
max-width:590px;
width:expression(this.width>590?"590px":
max-height:590px); ;
height:expression(this. height>590?"590px":this.height);
}
De cette façon, si la hauteur ou la largeur de l'image dépasse 590px, elle sera compressée à 590px proportionnellement S'il ne dépasse pas, il sera affiché à la taille d'origine.

source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal