Firefox CSSHacks项目：调整多行标签页高度的方法

在Firefox浏览器中，通过CSS自定义界面时，有时会遇到标签页高度过大的问题。特别是在使用多行标签页样式时，新版本更新后可能会改变默认的标签页高度，导致界面显示不够紧凑。

问题现象

当用户更新Firefox至131.0版本后，发现标签页的垂直高度明显增加，在标签栏中出现了过多的空白区域。这会影响界面美观性和屏幕空间利用率，特别是对于习惯紧凑布局的用户。

解决方案

通过修改CSS变量--tab-min-height可以轻松调整标签页的最小高度。这个变量控制着标签页从顶部到底部的最小高度值。

:root{
  --tab-min-height: 28px !important;
}

实现原理

1. :root选择器表示文档的根元素，在这里设置变量会影响整个浏览器界面
2. --tab-min-height是Firefox内部使用的CSS变量，专门用于控制标签页高度
3. 值28px是一个经过验证的合适高度，可根据个人偏好调整
4. !important确保这个设置会覆盖其他可能的样式定义

实际应用建议

1. 对于高分辨率显示器，可以适当增加这个值以提高可点击区域
2. 在笔记本等小屏幕上，减小这个值可以显示更多标签页
3. 建议在10-40px范围内调整，避免极端值导致显示异常
4. 修改后需要重启Firefox才能看到效果

通过这个简单的CSS调整，用户可以轻松定制Firefox标签页的外观，获得更符合个人使用习惯的浏览器界面。