gpt4 book ai didi

javascript - 如何获取元素的 "specified"样式而不是计算样式

转载 作者:行者123 更新时间:2023-12-03 22:34:32 29 4
gpt4 key购买 nike

在不包含 viewport 元标记的网页上,大多数移动浏览器会将页面上的部分或全部字体“提升”到大于 css 指定的大小。例如,在移动版 Safari 上,7px 的指定大小将提升为类似 12px 的大小。

您可以使用 getComputedStyle 读出提升值.我的问题是,是否有一种可靠的方法来读取unboosted 值? IE。如果字体增加到 12,我想知道它从 7 开始。

最佳答案

Webkit 有一个已弃用的函数来获取元素的所有样式表规则:window.getMatchedCSSRules(<<element>>) .您可以使用它来获取规则列表并循环遍历它们以根据需要打印或处理每个规则的属性。您还需要考虑 style元素的属性。

处理您的font-size在这种情况下,我想最好的方法是获取所有适用于元素的规则,按优先级对它们进行排序(记住要考虑 style 属性和 !important 标志,然后选择值。

不过,这并不完全可靠,因为它是一个 Webkit 函数,而且即将过时。有 a bunch of discussion here关于如何钓鱼的规则。有了元素的规则后,只需挑选出您需要的特定信息即可。

关于javascript - 如何获取元素的 "specified"样式而不是计算样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28616257/

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com