iOS /移动Safari是否提供JavaScript事件或媒体查询以对其字体大小进行控制？

Question

我使用js样式的响应式网站来确定字体大小，然后将CSS所使用的类应用于各种布局调整。简而言之，我的js检测到围绕文本字符的跨度调整大小。移动Safari的最新版本提供了字体大小调整控件，并且其缩放机制并未触发我的检测js。关于事件或其他可用于检测移动Safari字体大小调整的其他想法？也许CSS媒体查询？我尝试了一个基于js的交友观察器解决方案：在台式机上工作，但不在移动设备上工作：-（

Answer 1

根据MDN

text-size-adjust CSS属性控制文本的膨胀一些智能手机和平板电脑上使用的算法。其他浏览器会忽略此属性。

请确保包括CSS属性，例如

/* Keyword values */
text-size-adjust: none;
text-size-adjust: auto;

/* <percentage> value */
text-size-adjust: 80%;

/* Global values */
text-size-adjust: inherit;
text-size-adjust: initial;
text-size-adjust: unset;

但是，iOS的Safari仅支持非百分比值。

---

[另外，请考虑看看Apple的documentation.解释了如何使用文本调整大小因子的百分比。

html {-webkit-text-size-adjust:200%}

我不确定其中哪一个正确，因为它们彼此冲突。您将必须自己真实，然后看看最适合您的方式。

PS：请确保为所提及的属性包括-webkit-前缀，以确保其可用于Safari和其他WebKit浏览器。