Question

我正在Bootstrap 4中开发一个Web，并且在标头中有一个SVG格式的徽标，必须响应（无固定大小），但是除非您将属性的宽度保持为固定值，否则无法将其可视化。 .px以某种方式响应而不在.px中保留固定值？因为在Chrome，Opera，Safari，Internet Explorer中，将Width属性保留为自动。在所有浏览器中，它看起来都没有问题，但是在Firefox中，它没有问题

<div class="col-md-2 col-sm-12 col-xs-12 text-center" style="padding-left: 0px; padding-right: 0px;">
  <div style="height: 80px; display: flex; align-items: center;">
    <a href="index">
      <img style="width: 100% !important; height: auto !important;" src="img/imprentaonline24.svg" alt="imprentaonline24" />
    </a>
  </div>
</div>

Answer 1

如果直接从url使用，则可以正常工作。 我正在使用FireFox，它有效

<div class="col-md-2 col-sm-12 col-xs-12 text-center" style="padding-left: 0px; padding-right: 0px;">
  <div style="display: flex; align-items: center;">
    <a href="index">
      <svg>
   <img src="https://www.imprentaonline24.es/img/imprentaonline24.svg"/>
</svg>
    </a>
  </div>
</div>

带有引导程序的SVG徽标

1 个答案: