rem 雪碧图 背景图

原创 motu_1991 随笔 移动端css 1194阅读 2018-02-25 16:08:00 举报

rem 雪碧图 背景图

以前一直以为自适应排版的时候图片必须单独切开,今天了解到了,也可以用雪碧图,只是需要写上background-size:xrem yrem;此处的想x,y为雪碧图的width,height,然后再对应的元素样式上进行定位position就行了

如:
.ii{
width:0.34rem;
height:0.64rem;
display:inline-block;
background:#ff0 url(images/arrow.png) no-repeat center center;
background-size:0.34rem 1.16rem;
background-position:center 0.05rem
}
.ii:hover{
width:0.34rem;
height:0.64rem;
display:inline-block;
background:#ff0 url(images/arrow.png) no-repeat center center;
background-size:0.34rem 1.16rem;
background-position:center -0.58rem
}

评论 ( 1 )
最新评论
hugeannex 2018-02-26 14:56:02 1F

呃。。。
百分比无敌。。。