Question

我尝试显示一定大小的SVG图标。

这不起作用（图标大小很大）：

<svg style="width: 10px; height: 10px;">
  <use xlink:href="#...">
</svg>

这有效：

<svg width="10px" height="10px">
  <use xlink:href="#...">
</svg>

问题是为什么？ Icon出了什么问题？我有其他项目，其中css高度/宽度在这种情况下工作。

Svg图标代码：

<svg
   xmlns="http://www.w3.org/2000/svg"
   xmlns:odm="http://product.corel.com/CGS/11/cddns/"
   xml:space="preserve"
   width="180pt"
   height="188pt"
   style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd"
   viewBox="0 0 8268 11692"
   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
   xmlns:xlink="http://www.w3.org/1999/xlink"
   id="svg614"
<sodipodi:namedview
   id="base" /><defs
   id="defs615"><style
   type="text/css"
   id="style616"><![CDATA[
    .fil0 {fill:#000000}
   ]]></style></defs><g
   id="Layer 1"
   transform="matrix(4.552447,0,0,4.540583,-8401.163,-13199.48)"><path
   class="fil0"
   d="...."
   id="path618" /></g></svg>

更新：

这个svg在另一个svg元素中。

Answer 1

您可以尝试将SVG包装在<div> <svg> </svg> </div>中，并设置它根本不起作用的div的高度。

SVG css高度/宽度未应用

1 个答案: