html 使用svg矢量图时无法 调整宽高问题解决,不能像图片一样设置宽高比例问题
引入的路径后加 #svgView(preserveAspectRatio(none))
具体代码如下
修改前
修改后
.im{
//transform: scale(2,1);
width: 100px;
height: 200px;
}
同时对于svg作为背景的情况也适用
.parent-container {
padding: 1.5%;
display: inline-block;
background-image: url('http://blog.csdn.net/oMangGuoBuDing1/article/details/@/assets/svgs/full_screen_full.svg#svgView(preserveAspectRatio(none))');
background-repeat:no-repeat;
position: contain;
background-size: 110% 100%;
background-color: rgb(129, 132, 134);
}