华为已经重启4G手机生产，目前正在积极备货
华为已经重启4G手机生产，目前正在积极备货
2020-12-02 09:33:41
全部数码
全部科技
全部技术
【亲测】div里用CSS控制图片按比例扩大缩小不变形【亲测】
一般来说，我们设定一定宽度高度的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>
陕ICP备20008812号 . 科技小锅盖 保留所有权利 .