CustomCSSforFx 项目中的 macOS 字体大小适配问题解析

在 macOS 系统上使用 Firefox 浏览器时，用户可能会遇到地址栏自动补全弹出窗口（ac_popup）中字体大小显示异常的问题。本文将深入分析这一问题的成因及解决方案。

问题现象

当用户在 macOS 15.2 系统上运行 Firefox 133.0.3 版本时，地址栏自动补全弹出窗口中的字体大小明显大于预期。具体表现为：

• 自动补全结果的字体比地址栏主文本大25%左右
• 修改 ac_popup_result_font_size.css 文件中的字体大小设置无效
• 问题在新安装的系统中首次出现

技术分析

该问题源于 Firefox 在 macOS 系统上的默认字体渲染行为与 CSS 自定义样式之间的优先级冲突。关键点包括：

1. 系统级字体缩放：macOS 对高分辨率显示器有自动字体缩放机制
2. CSS 继承关系：Firefox 的地址栏组件有复杂的样式继承链
3. 动画干扰：用户自定义的延迟隐藏动画可能影响样式计算

解决方案

经过测试验证，最有效的解决方法是：

1. 禁用 ac_popup_result_font_size.css 文件
2. 允许 Firefox 使用系统默认的字体渲染机制

这一方案的优势在于：

• 保持系统原生字体渲染的一致性
• 避免自定义 CSS 与系统缩放机制的冲突
• 确保在不同显示器分辨率下的显示效果

最佳实践建议

对于使用 CustomCSSforFx 项目的用户，在处理类似字体显示问题时，建议：

1. 优先测试禁用相关 CSS 文件的效果
2. 考虑 macOS 系统特有的显示缩放特性
3. 对于动画效果相关的 CSS，注意其对其他样式可能产生的影响
4. 在新系统安装后，逐步验证各 CSS 模块的兼容性

通过理解 Firefox 在 macOS 上的渲染机制和 CSS 优先级规则，用户可以更有效地解决类似的界面显示问题。