diff --git a/web/navi.css b/web/navi.css index c4e2974..de1498c 100644 --- a/web/navi.css +++ b/web/navi.css @@ -2196,6 +2196,9 @@ html[data-theme] body:has(.minimal-home) .navi-footer-host > .navi-footer { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; + width: max-content !important; + max-width: calc(100vw - 24px) !important; + min-width: 0 !important; align-items: center !important; justify-content: center !important; height: auto !important; min-height: 0 !important; max-height: 20px !important; @@ -2217,3 +2220,10 @@ html[data-theme] body:has(.minimal-home) .navi-footer-host .navi-quote { overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; line-height: 15px !important; height: auto !important; min-height: 0 !important; } + +/* v71 更正:上方 v70 注释里"display 被压成 block"的判断有误。 + 824 行那条 body:has(.minimal-home) .navi-footer-host > * 设的是 pointer-events, + 不是 display。实测堆叠的成因是 **flex-wrap 折行 + 页脚宽度仅约 192px** + (内容需约 470px)→ 折成 3~4 行、总高约 63px(= scrollHeight 65), + 第 4 行的每日一言被排到 y=743(视口 720 之外)因而不可见。 + 因此修复要点是 flex-wrap:nowrap(v70 已有)+ 宽度 max-content(本版补上)。 */