fis-plus icon indicating copy to clipboard operation
fis-plus copied to clipboard

背景图片合并与sprite冲突怎么解决

Open ligaofeng0901 opened this issue 10 years ago • 2 comments

我在一个页面使用了很多小图标,因为是手机端的页面,为了保证清晰度,设置固定的宽高和background-size:100% 100%。 但通过css sprite将图片合并后,background-size就以合并后的图片来计算了,结果图标全看不了。如何解决此问题呢?

ligaofeng0901 avatar Jul 19 '15 12:07 ligaofeng0901

需要固定图片的容器,参考 知道 首页的小图标用法。

oxUnd avatar Jul 19 '15 13:07 oxUnd

@xiangshouding 看了一下,我的理解是压缩时可以选择图片竖直排列的布局,知道最大的图片宽度就行,然后将图标的background-size的x轴属性设为一半宽度。这样,图片实际缩放为了原来的一半,清晰度可以保证了,但fis在合并图片时自动计算background-position,是按原图大小来计算的,这样位置就不对了

ligaofeng0901 avatar Jul 24 '15 03:07 ligaofeng0901