锚标记来作为零个

Question

我的CSS：

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

我的HTML：

<a class="red"/> 

我想要做的是有图像自动调整大小正确的，所以我可以使用这些作为菜单项。一个在下一个之上等等。如果我将它们放在一个包含锚点的图像标签中，那么“height：auto;”作品。我想把它们变成精灵，这就是为什么我要把它拉出来，但我希望这些能够根据屏幕的大小进行缩放。提前致谢！

Answer 1

从我的理解这是不可能的。

我发现一个资源，只是让我添加一个相对大小的“填充”图像。导致div获取高度和宽度的空白占位符，然后可以根据容器重新调整大小。有点破解，但工作。