插入带有css的徽标

我有下面的html

---

-如何在此处获得正确的宽度？
如果您想要一个宽度为100%且高度与背景图像纵横比匹配的比例框，请将垂直填充设置为与垂直比匹配的百分比

i、 e.如果您的徽标是2:1的矩形，请将宽度设置为100%，将填充设置为
25%0
，标签的大小将保持成比例（您需要将其设置为
display:block；
）。然后
背景大小：100%自动
（或者相反）应该可以工作，因为背景图像的纵横比与其容器相同

您应该使用
而不是
。您是否尝试过背景尺寸：contain；？贴把小提琴怎么样？。。。能给你很多答案吗quicker@RahulDesai为什么？如果他想让锚定标记可点击，则锚定标记同样合法。@RCorrie他没有将任何人与
标记进行真正的链接。我需要相反的方式；100%的高度和与纵横比匹配的宽度：-/此方法的另一个问题：设置
填充：25%0不确保块大小成比例。25%是包含元素的百分比，在这种情况下不是常数。是的，这仅在填充包含元素的100%时才有效。
.logo {
  background-image: 'logo.svg';
  background-size: auto 100%;
}

.logo:before {
  content: url('logo.svg');
}

zoom: X%

transform: scale(50%);