diff --git a/assets/css/style.css b/assets/css/style.css index 06faa3d..a825937 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -190,7 +190,13 @@ a { text-decoration: none; color: inherit; } #search-text { height: 50px; line-height: 50px; font-size: 15px; text-indent: 18px; } #word { top: 58px; } .mylist { border-radius: 14px; padding: 12px 12px 10px; } - .mylist li.site a { width: 25%; padding: 10px 2px 8px; } + /* ⚠️ 百分比宽度必须写在 **flex item(li)自身**,不能写在它内部的 上: + li 自己没有宽度,a 的 25% 要相对 li 解析、而 li 的宽又由内容 a 反推 —— + 循环依赖浏览器解析不了,会塌成 min-content(实测约 12px), + 于是 42px 图标撑破格子、名称被裁到只剩几像素(2026-09-28 手机端实测)。 + margin 也要归零:4 × (25% + 左右 margin) 会超出一行宽,把第 4 个挤到下一行。 */ + .mylist li.site { width: 25%; margin: 0; } + .mylist li.site a { width: 100%; padding: 10px 2px 8px; } .mylist li.site .icon, .mylist li.site .ico-letter { width: 42px; height: 42px; } .mylist li.site .name { font-size: 12px; } }