直接修改 .navbar 的 padding-top 和 padding-bottom 即可缩小高度，无需调整 height 或已废弃的 min-height；需同步优化 .nav-link 行高、.navbar-collapse.show 的 max-height 及各断点下的媒体查询样式。
直接改 .navbar 的 padding-top 和 padding-bottom 就能缩小，不需要碰 height 或 min-height —— 后者在 Bootstrap 5 中已移除，硬加反而破坏折叠逻辑，尤其移动端菜单展开后内容被截断。
为什么只调 padding 就够了
Bootstrap 5 的 .navbar 默认不设固定高度，视觉高度由内边距和子元素行高共同撑起。改这两个值最轻量、最可控：
-
.navbar { padding: 0.375rem 1rem; }是紧凑型常用起点（比默认的0.5rem更小） - 同步调低
.nav-link的line-height（比如设为1），避免文字上下溢出 - 若用了自定义字体，首次加载可能因字体未就绪导致高度抖动，可临时加
transition: none排查 - 别保留旧项目里残留的
min-height: 50px—— 它会覆盖你新设的padding，且 Bootstrap 5 已弃用
移动端折叠菜单展开后还是被截断
这不是导航栏本身没缩，而是 .navbar-collapse.show 的 max-height 动画值太小，Bootstrap 用的是固定估算（如 300px），不是真实内容高度。
- 加这条规则：
.navbar-collapse.show { max-height: 120vh !important; } - 如果菜单项很少（≤4 个），可精确计算：每项约
48px，加余量写成max-height: 240px更轻量 - 避免用
max-height: none或fit-content，它们会让过渡动画失效 - 检查是否误给
.navbar-collapse加了媒体查询里的height或max-height覆盖，删掉它们
响应式断点下高度又“弹回”原样
桌面看着正常，手机上却没变矮？大概率只改了默认状态的 padding，漏掉了媒体查询里的重置。
-
.navbar-expand-lg对应断点是@media (max-width: 991.98px)（小数点后两位是 Safari 兼容写法，不能简写成991px） - 必须同时写：
.navbar { padding: 0.375rem 1rem; }和@media (max-width: 991.98px) { .navbar { padding: 0.25rem 1rem; } } - 用 DevTools 的 Computed 面板确认不同断点下真实生效的
padding值，别只看 Styles 面板里的声明 -
.nav-link在折叠态下直接决定每项高度和点击区域大小，它的padding也得在媒体查询里同步调小
真正难调的从来不是“怎么缩”，而是缩完发现桌面正常、手机上折叠菜单展开后高度又不对——因为 .navbar-collapse 不继承父级 padding，它靠自己的 max-height 和内部 .nav-link 的 padding 共同决定视觉高度，这两处必须同步动。
