CSS中如何调整::marker列表符号大小，仅用font-size属性无效？

本文共计700个文字，预计阅读时间需要3分钟。

直接对 ``: `::marker` 设置，在多数 `` 样式为：

更关键的是，::marker 的尺寸本质上由其内容（如 ●、▶ 或自定义字符串）和所在行的 line-height / font-family 共同决定，而非独立缩放。

真正有效的缩放方式：用 transform: scale()

这是目前兼容性最好、行为最可控的方法。它绕过渲染引擎对 ::marker 样式属性的限制，直接操作绘制层。

• scale() 值建议用小数（如 0.75、1.3），避免整数导致模糊
• 需搭配 transform-origin: center left 防止符号位置偏移（因默认原点在左上角）
• Chrome ≥ 104、Firefox ≥ 110、Safari ≥ 16.4 均支持，旧版 Safari 可能需加 -webkit-transform

li::marker { transform: scale(0.8); transform-origin: center left; }

替代方案：改用 list-style-image + SVG

当需要精确控制大小、颜色甚至动画时，SVG 是更可靠的选择——它本质是内联图像，不受 ::marker 属性限制。