一般来说,我们设定一定宽度高度的div标签,在里面放上图片,只有当图片大小尺寸符合这个宽度和高度的时候显示最佳。那有的时候不同的界面,同样的信息(比如头像)放大的尺寸是不一样,怎么才能让图片根据DIV的宽高度进行,缩放呢?其实很简单,只用设置其css样式即可。
.photo img
{
max-width:80px;//这是DIV的大小
width:expression(this.width > 80 ? "80px" : this.width);//实现按比例缩放
}
HTML中设置为<div class="photo"><img src="img/006.jpg"></div>
推荐