CSS如何让背景图兼容各种类型的手机

例：签到牌子（背景图）

---

html结构

<item盒子>

<背景图></背景图>

</文字></文字>

</文字></文字>

</item盒子>

css样式

item盒子{

width:22%;

height:100px;

margin-left:2%;

float: left;

}

背景图：{

position: relative;

    width: 100%;

    height: 100%;

    background-image: url(/static/img/btn-icon@2x.2505a94.png);

    background-size: contain;

    background-repeat: no-repeat;

}