div背景图片拉伸的问题(SVG中的viewBox含义)

 

 图中的小手图标svg的尺寸为 width="18px" height="21px"

小手图标为div的背景，因为高度>宽度，div的宽高都是1rem，所以被拉伸了。

 

 

解决办法：修改SVG图片中宽高、viewbox值

 

 关于SVG的viewbox值的定义：https://www.jianshu.com/p/4422c05ff0f2