在導航菜單

Question

在網站IA正在從頭開發調整的SVG圖標，文字的大小，我有這樣一個ul & li導航菜單：

|*|Lorem Ipsum|Dolor Sit|Amet| 

的*是一個SVG家直接嵌入到html頁面的圖標。這是我用來生成它的CSS：

#main_menu { /*id for ul*/ 
    overflow: auto; 
} 

#main_menu li { 
    float: left; 
    margin: 0px 1px; 
    padding: 0px 4px; 
    height: 16pt; 
} 

/* id for svg home icon in #main_menu */ 
#home_icon { 
    fill: #eeeeee; 
    stroke: #eeeeee; 
} 

我想根據其他條目的大小來調整SVG圖標，但我不知道該文本的大小。我該怎麼做？

Answer 1

您是否試過em單位？

#home_icon { 
    fill: #eeeeee; 
    stroke: #eeeeee; 
    width: 1em; 
    height: 1em; 
}