#yyds干货盘点# 您的 CSS 重置需要 text-size-adjust

​​基利安瓦尔霍夫​​：

[…] 当您将网站从纵向切换到横向时，Mobile Safari 会增加默认字体大小。也就是说，在手机上，它不会在 iPad 上做到这一点。Safari 长期以来一直在这样做，以提高非移动优化网站的可读性。虽然在几乎没有网站针对移动设备进行优化的时代无疑很有用，但如今它的帮助却大大降低了。[...] 文本大小在单一情况下随机增加正是您希望通过 CSS 重置来保护的类型。

这就是字面意思​​text-size-adjust​​。​​MDN​​：

当包含文本的元素使用 100% 的屏幕宽度时，算法会增加其文本大小，但不会修改布局。该 ​​text-size-adjust​​ 属性允许 Web 作者禁用或修改此行为，因为设计时考虑到小屏幕的网页不需要它。

您可以看到​​Apple 自己的文档​​炫耀这正是他们所做的（在 iPhone 上）。有​​一个古老的错误​​会阻止缩放，但可能不再是一个大问题。

Kilian 的建议：

html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

Firefox 甚至不支持它，所以我可能会失去那个供应商前缀，但否则我会说我在船上。我想我可以处理自己的文本大小。

让我想起Mobile Safari 是如何通过 下的文本输入进行​​缩放的​​​​16px​​，所以也要注意这一点。