diff --git a/web/navi.css b/web/navi.css index bc2dbdb..ca98c84 100644 --- a/web/navi.css +++ b/web/navi.css @@ -1782,3 +1782,29 @@ html.navi-dark body .navi-ws-modal-title, html.navi-dark body .navi-ws-notice-title { color: #e8eefc !important; } + +/* ── 矮视口下备案号不再撑高页面 ── + 实测复现:900x520 时 .navi-footer-host 从 39px 换行涨到 69px, + 而它在文档流里(margin-top:auto),于是页面被顶高 47px → 出现纵向滚动。 + 只对"矮窗口"收紧:缩小内边距/字号并禁止换行(矮窗口通常较宽,不会横向溢出)。 + 高窗口与移动端不受影响。 */ +@media (max-height: 560px) { + html[data-theme] .navi-footer-host { + padding: 2px !important; + } + html[data-theme] .navi-footer { + margin: 4px auto 0 !important; + padding: 5px 12px !important; + font-size: 11.5px !important; + flex-wrap: nowrap !important; + white-space: nowrap !important; + max-width: calc(100% - 12px) !important; + overflow: hidden !important; + } + html[data-theme] .navi-search-bar { + bottom: calc(60px + env(safe-area-inset-bottom, 0px)) !important; + } + html[data-theme] .navi-dock { + bottom: calc(60px + env(safe-area-inset-bottom, 0px)) !important; + } +}