Css 背景图像自动高度为零的锚定标记

我的css：

我的Html：

a.red, object, embed {
    display: inline-block;
    background-image:url(/bowties/red.png);
    background-size: contain;
    background-repeat:no-repeat;
    width: 100%;
    height: 30%;
}

---

我想做的是让图像自动调整大小，以便我可以使用这些作为菜单项。一个在另一个之上，以此类推。如果我把它们放在一个包裹在锚中的图像标签中，那么“高度：自动”就起作用了。我想把它们变成精灵，这就是为什么我要把它拔出来，但我想这些规模的基础上，屏幕的大小。提前谢谢

据我所知，这是不可能的

---

我发现一个资源，只是让我添加了一个相对大小的“填充”图像。一个空白占位符，使div获得高度和宽度，然后可以在容器上重新调整大小。虽然有点小技巧，但还是奏效了。

因为使用了%的宽度和高度值，所以计算出的值将取决于

元素的包含块。你需要发布你的问题代码，这样人们才能提供具体的答案。我可以接受任何建议。如果我需要用div把它包起来，我可以这样做。我主要关心的是不指定像素大小。我希望页面是完全动态的。

<a class="red"/>