Javascript 当我增加字体大小时,div边框大小也在增加

Javascript 当我增加字体大小时,div边框大小也在增加,javascript,html,css,Javascript,Html,Css,字体大小增加时为什么div边框大小增加 以下是js fiddle的链接: LINK TO JS FIDDLE: http://jsfiddle.net/krishna22211/m14qms52 Em单位与字体大小有关。因为您的边框宽度以em为单位,所以随着字体大小的增加,边框也会随之增加 如果您不希望出现这种情况,请不要对边框使用em单位,因为您希望它们的大小是固定的。简单地说,您使用em作为一个单位,它与许多其他与度量相关的内容相关,字体大小是其中最重要的。改变一个尺寸或测量值会影响另一个

字体大小增加时为什么div边框大小增加

以下是js fiddle的链接:

LINK TO JS FIDDLE: http://jsfiddle.net/krishna22211/m14qms52
Em单位与字体大小有关。因为您的边框宽度以em为单位,所以随着字体大小的增加,边框也会随之增加


如果您不希望出现这种情况,请不要对边框使用em单位,因为您希望它们的大小是固定的。

简单地说,您使用em作为一个单位,它与许多其他与度量相关的内容相关,字体大小是其中最重要的。改变一个尺寸或测量值会影响另一个尺寸或测量值。
尽管我大部分时间都喜欢使用em,因为当分辨率发生显著变化时,或者当您尝试在firefox网站中“放大”时,使用em的网站在放大或缩小时工作得更好,这对设计没有太大影响。

最小高度:100px;是否表示没有最大限制,高度为自动, 使用


然后边框不会增加。

这是因为您使用ems作为边框的度量单位,它与字体大小有关,因此当您增加字体大小时,边框也会增加。谢谢您的回复。。。。现在我明白了。哦,谢谢。。我不知道这段关系。
   max-height:100px;overflow-y:scroll;