你在全局样式中使用text-size-adjust吗？
内容提要
最近在iOS Safari上遇到了字体显示过大的问题，尝试了不同的字体大小和!important也没有效果。移动浏览器会动态调整字体大小以提高可读性，但有时会导致意外的字体放大。为了解决这个问题，可以使用CSS的text-size-adjust属性来禁用或调整自动文本膨胀行为，对于小屏幕设计的网站尤为重要。
延伸解读
为何常规字体调整无效
在iOS Safari上，即使使用!important调整字体大小也可能无效，因为移动浏览器会通过文本膨胀算法自动放大文本，以提升小屏幕上的可读性。这种膨胀独立于开发者设置的字体大小，因此常规CSS覆盖难以生效。理解这一机制是解决问题的第一步。
text-size-adjust的取值与选择
text-size-adjust属性有三个值：auto（默认调整）、none（禁止调整）和percentage（按比例调整）。使用100%等同于none，但percentage允许更灵活的控制。对于小屏幕设计的网站，通常建议设置为100%以保持文本大小一致，避免意外放大。
属性顺序与浏览器兼容性
在编写text-size-adjust时，必须将非厂商前缀属性放在最前面，否则在iOS Safari中会覆盖-webkit-text-size-adjust，导致规则失效。同时，该属性仍属实验性，生产环境需谨慎，并关注浏览器支持变化。
实际应用与注意事项
将text-size-adjust添加到全局CSS中可解决文本膨胀问题，但需注意：'小设备'定义模糊，且使用none不会阻止用户缩放（与100%效果相同）。此外，一些CSS重置库已包含该属性，可参考其实现。
Q&A
如何解决iOS Safari中字体显示过大的问题？
可以使用CSS的text-size-adjust属性来禁用或调整自动文本膨胀行为，特别是在小屏幕设计的网站中。
text-size-adjust属性有哪些可选值？
text-size-adjust属性有三个值：auto、none和percentage。
为什么移动浏览器会自动调整字体大小？
移动浏览器动态调整字体大小是为了提高可读性，但有时会导致意外的字体放大。
在CSS中如何正确使用text-size-adjust属性？
应将text-size-adjust属性添加到全局CSS样式中，确保在属性顺序中将非供应商属性放在前面。
使用text-size-adjust属性时需要注意什么？
需要谨慎使用text-size-adjust属性，因为它仍然是实验性特性，浏览器支持可能会变化。
如何确保视口适应设备大小？
可以在HTML中使用<meta name='viewport' content='width=device-width, initial-scale=1' />来确保视口适应设备大小。
