前言:之前只用了background-size的百分比单位,用px单位不会失真,看项目具体情况了
css
.box {
width: 300px;
height: 300px;
border: 1px solid #ddd;
}
.imgbox {
width: 100%;
height: 100%;
background: url(0.png) no-repeat 10px 10px;
background-size: 280px;
}
html
<div class="box">
<div class="imgbox">
</div>
</div>
效果
这里最外层box是300x300,图片用的比300x300大