HTML CSS 图片随 DIV 缩放

今天我们来说说 图片跟随 DIV 变化大小。

首先我们先设置好 DIV 的大小,然后设置 DIV 里面 img 图片的属性,代码如下:


.Box{
	width:73px;
	height:73px;
	
	background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
}
.Box img{
	display:block;
	max-width:100%;
	height:auto;
}

最后在 DIV 里设置图片随 BOX 框架变化大小:

background-size: cover;-webkit-background-size: cover;-o-background-size: cover;

如果你发现错误或有其他见解,请给www.zhuei.com留言,我们会尽快更新本文!

发表评论

邮箱地址不会被公开。 必填项已用*标注