iOS/mobile Safari是否为字体大小控制提供javascript事件或媒体查询？

我设计的一个响应性网站使用js确定字体大小，然后应用css用于各种布局调整的类。简而言之，my js检测环绕文本字符的跨距的大小。最新版本的mobile Safari提供了字体大小控制，其缩放机制不会触发my detection js。关于我可以用来检测mobile Safari字体大小调整的事件或其他更改，有什么想法吗？可能是css媒体查询？我尝试了一个基于js intersectionobserver的解决方案：在桌面上工作，但不在移动设备上：-（

根据

文本大小调整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;

我不确定哪一个是正确的，因为它们相互冲突。你必须忠于自己，看看什么对你最有效

---

PS:请确保为提到的属性包含-webkit-前缀，以确保它适用于safari和其他webkit浏览器。

因此，mobile safari所做的是：当字体放大时，实际上是视口变窄了。有一个广受支持的窗口。matchMedia（此处为媒体查询）方法返回“媒体查询对象”"可以向其中添加侦听器。在我的情况下，我想知道视口何时比apx.320px窄…在这种情况下，我将应用我的样式类。

感谢Amrit，这是一个有趣的iOS功能。在进一步研究后，我发现Bootstrap将html元素的-webkit文本大小调整为100%，这意味着通过自定义css。也就是说，我仍然想知道一种方法来确定用户何时使用了mobile Safari的字体大小控件，以便我的js可以对当前字体大小进行分类。

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