錨標記來作爲零個

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獲取高度和寬度的空白佔位符，然後可以根據容器重新調整大小。有點破解，但工作。