fis-plus
fis-plus copied to clipboard
背景图片合并与sprite冲突怎么解决
我在一个页面使用了很多小图标,因为是手机端的页面,为了保证清晰度,设置固定的宽高和background-size:100% 100%。 但通过css sprite将图片合并后,background-size就以合并后的图片来计算了,结果图标全看不了。如何解决此问题呢?
需要固定图片的容器,参考 知道 首页的小图标用法。
@xiangshouding 看了一下,我的理解是压缩时可以选择图片竖直排列的布局,知道最大的图片宽度就行,然后将图标的background-size的x轴属性设为一半宽度。这样,图片实际缩放为了原来的一半,清晰度可以保证了,但fis在合并图片时自动计算background-position,是按原图大小来计算的,这样位置就不对了