码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2020-03-18 13:48:01      阅读:173      评论:0      收藏:0      [点我收藏+]

标签:宽高   ref   http   背景图   背景图片   idt   定义   问题   height   

技术图片

 

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

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

技术图片

 

 

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

技术图片

 

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

 

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

标签:宽高   ref   http   背景图   背景图片   idt   定义   问题   height   

原文地址:https://www.cnblogs.com/Oldz/p/12516529.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!