svg图标在系统中引用的bug

bug如下:

 {/*数据源管理-mysql图标*/}

  数据源管理-mysql图标
  
    
      
        
        
  数据源管理-mysql图标
  
    

原因:
1.去掉width和height,利用viewBox和font-size对图标设置大小
2.由于其他同事对symbol层id做了样式,放在g层不对

使用的定位,父级元素Card的position为relative,子集Iconfont的position为absolute
image.png

你可能感兴趣的:(svg)