如何设置svg图标以适合容器的大小？

Question

因此，问题是-如何设置svg图标以适合容器的大小？不幸的是，它没有进行任何大小调整就无法裁剪...我无法弄清楚如何使我的file-svg缩放！这不是关于内嵌svg操作的问题！

div {
  width: 50px;
  height: 50px;
}

img {
  width:100%;
  height:100%;
}

<div>
  <img src="https://svgshare.com/i/7Bw.svg" viewBox="0 0 10 10" preserveAspectRatio="none">
</div>

Answer 1

您需要定义url(r'^search/$', views.globalsearch.as_view(), name='search'), 内部，以便以后进行缩放：

viewBox

img {
  width:100%;
  height:100%;
}

这是SVG代码：

<div style="width:50px;height:50px;">
  <img src="https://svgshare.com/i/7EX.svg">
</div>

<div style="width:100px;height:100px;">
  <img src="https://svgshare.com/i/7EX.svg">
</div>