Files
SimpleNav/assets/css
laoyang 2dfecef116 修复手机端站点格布局塌陷
根因:百分比宽度写在 flex item 内部的 <a> 上,而 li 自身没有宽度,
a 的 25% 无法解析、li 的宽又由内容 a 反推,循环依赖下浏览器把格子
塌成 min-content(实测约 12px)—— 42px 图标撑破格子、站点名被裁到
只剩几像素,整页错位。

修法:width:25% + margin:0 写在 li.site 自身,内部 a 改 width:100%;
margin 归零可避免 4 x (25% + 左右 margin) 超出一行宽、把第 4 个挤到
下一行。

验证:Playwright 真机宽度 360/375/390/414 直连线上全部通过
(格子 76~90px、名称 scrollWidth==clientWidth、无横向溢出);
桌面 768/1280/1920 零回归。
2026-09-28 21:30:41 +08:00
..
2026-09-28 21:30:41 +08:00