在网页设计中，如果需要将字体大小设置到 12px 以下，通常会遇到什么问题？有哪些可行的实现方法？请说明其原理、适用场景及潜在限制。
考察说明
考查候选人是否了解浏览器最小字体限制的成因及常见绕过手段。
回答思路
- 【回答框架 1】浏览器默认有最小字号限制（如 Chrome 为 12px），这是为保证可读性而设，无法通过 CSS 直接设置更小的字号。
- 【回答框架 2】常见方案一：使用 CSS transform: scale() 对包含文本的元素进行缩放，如 scale(0.8) 可使 12px 显示为约 9.6px，但需注意缩放后元素布局尺寸不变，可能引发重叠或留白。
- 【回答框架 3】常见方案二：使用 SVG 文本或 canvas 绘制文字，可精确控制字号，但会失去部分 CSS 样式继承和可访问性支持。
- 【回答框架 4】常见方案三：对于特定浏览器（如 Chrome 桌面版），可通过修改浏览器设置或使用私有属性（如 -webkit-text-size-adjust）但不推荐，且影响全站。
- 【回答框架 5】综合建议：在设计上尽量避免小于 12px 的字体，若必须实现，优先采用 transform: scale()，并配合容器预留空间，或考虑矢量图形方案。
- 【关键点 1】浏览器最小字号默认通常为 12px，直接设置无效。
- 【关键点 2】transform: scale() 可视觉缩小但布局尺寸不变，需预留空间。
- 【关键点 3】SVG/canvas 可精确控制但牺牲部分语义和可访问性。
- 【关键点 4】修改浏览器设置或全局调整影响用户，不推荐。
- 【易错点 1】使用缩放时未调整容器尺寸导致布局错位。
- 【易错点 2】依赖浏览器私有属性可能在不同浏览器下表现不一致。
- 【易错点 3】过度追求小字号影响用户可读性和无障碍体验。