首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    高清ICON SVG解决方案(下) - 腾讯ISUX

    第四种SVG Sprites 目前市面上有很多提供ICON FONT制作的网站,例如:icomoon不止开源,而且功能实在强大,可以提供输出SVG Sprites的功能,SVG Sprites它的使用方法其实就跟...background-repeat: no-repeat; background-image: url(sprite.svg); background-position: 0 0;} 当然如果你不喜欢用icomoon...svg> 新的方案:Svg Sprites +Png Sprites + Image-set 由于我们知道SVG在IE下的兼容性并不好,所以在高清ICON的适配在第四种方案的基础上进行优化,首先用icomoon...进行下面的步骤操作: 第一步将用AI模板做好的图标转换成SVG文件后导入到icomoon中: ?...第五步,对icomoon生成的样式sprite.css进行微调整让其适配所有PC浏览器和Retina下的浏览器: ? 最后的效果: ?

    1.2K10
    领券