Html 更改列表字体大小可重新调整整个li的大小

Html 更改列表字体大小可重新调整整个li的大小,html,css,html-lists,Html,Css,Html Lists,我试图通过使用html列表创建标题,但当我尝试将字体大小更改为较小的值时,它会自动重新调整整个li的大小 注释掉字体大小标签,看看我的意思 HTML: 我应该改用divs还是有其他解决方案?您正在使用设置链接的宽度/高度 em与字体大小有关,因此当您更改时,也会更改其尺寸您正在使用设置链接的宽度/高度 em与字体大小有关,因此当您更改它们时,也会更改它们的尺寸当您使用display:inline时,元素的大小将取决于文本(以及文本的大小)。有很多方法可以改变这一点 如果您希望页眉始终占据相同的

我试图通过使用html列表创建标题,但当我尝试将字体大小更改为较小的值时,它会自动重新调整整个li的大小

注释掉字体大小标签,看看我的意思

HTML:

我应该改用divs还是有其他解决方案?

您正在使用设置链接的宽度/高度

em
与字体大小有关,因此当您更改时,也会更改其尺寸

您正在使用设置链接的宽度/高度


em
与字体大小有关,因此当您更改它们时,也会更改它们的尺寸

当您使用
display:inline
时,元素的大小将取决于文本(以及文本的大小)。有很多方法可以改变这一点

如果您希望页眉始终占据相同的宽度,请考虑元素的浮动和设置百分比宽度,这取决于元素的数量(5个元素=20%个宽度)。


您还可以在
#header
元素上设置背景色,以便始终占用相同的空间,但链接会改变其中的大小。

使用
显示:内联
时,元素的大小将取决于文本(以及文本的大小)。有很多方法可以改变这一点

如果您希望页眉始终占据相同的宽度,请考虑元素的浮动和设置百分比宽度,这取决于元素的数量(5个元素=20%个宽度)。 您还可以在

#header
元素上设置背景色,以便始终占用相同的空间量,但其中的链接大小会发生变化。

请添加以下内容:

#header h1{
    font-size: 8pt;  
}
谢谢。

请添加以下内容:

#header h1{
    font-size: 8pt;  
}

谢谢。

我会创建一个div作为标题,然后将ul放入其中。您将对样式有更多的控制。要仅更改a标记上的字体大小,请添加字体大小;对于#头a{}。

我将创建一个div作为头,然后将ul放入其中。您将对样式有更多的控制。要仅更改a标记上的字体大小,请添加字体大小;由于
a
元素的尺寸是使用
em
单元设置的,因此当元素的字体大小改变时,它们会改变。这也会更改封闭的
li
元素的维度,因为
a
元素是其唯一内容


结论取决于你想要什么。通过使用
em
单位设置尺寸,您明确希望它们取决于字体大小。如果您不希望这样,请使用其他单位,例如
px
(尽管这不可避免地提出了一个问题,即当字体大小增加到大于
px
单位中设置的高度时会发生什么情况)。

因为
a
元素的尺寸是使用
em
单位设置的,当元素的字体大小改变时,它们也会改变。这也会更改封闭的
li
元素的维度,因为
a
元素是其唯一内容

结论取决于你想要什么。通过使用
em
单位设置尺寸,您明确希望它们取决于字体大小。如果不希望这样,请使用其他单位,例如
px
(尽管这不可避免地提出了一个问题,即当字体大小增加到大于
px
单位中设置的高度时会发生什么情况)。

添加css属性

#header a{
    font-size: 8pt;  
}
添加css属性

#header a{
    font-size: 8pt;  
}

我不确定我是否正确理解了你的问题,但这是你想要的吗?您的宽度和高度在
em
中,因此当您更改
li
的字体大小时,锚定将继承字体大小,并且您的宽度和高度为affected@ayushi是的,这正是我的意思。。。一个关于这个问题的回复帖子就太好了!补充。你可以通过勾选来接受它。谢谢:)我不确定我是否正确理解了你的问题,但这是你想要的吗?您的宽度和高度在
em
中,因此当您更改
li
的字体大小时,锚定将继承字体大小,并且您的宽度和高度为affected@ayushi是的,这正是我的意思。。。一个关于这个问题的回复帖子就太好了!补充。你可以通过勾选来接受它。谢谢:)