在导航菜单

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; 
}