图片做背景复用宽度如何自适应？

图片做背景复用宽度如何自适应？

先给我们的背景搞一张图片

.example {
    background: url(../images/你的图片.png);
}

一般我们都会给图片设置大小

.example {
    background: url(../images/你的图片.png) no-repeat;
    background-size: 100px 40px;
}

但是用px指定了宽高是无法自适应的，所以我们应该用百分比

.example {
    background: url(../images/你的图片.png) no-repeat;
    background-size: 100% 100%;
}