html - 对于媒体查询，是否有一些“onViewportChange”功能会提示搜索 .css 以获取相关样式？

Question

所以我实际上并不确定所有相关细节，但我假设每当创建一个新的 HTML 元素时，它都会遍历所有链接到的 .css 文件和内联样式，以查看是否应该应用该样式那个元素。

这意味着每当运行函数以将新节点附加到 DOM 或每当更改类名时，都会有样式应用程序的回调。我认为这就是它的工作原理。

对于媒体查询，这意味着有一些事件侦听器正在侦听已调度的 viewportChange（顺便说一下，我正在编造这个术语）事件，然后查看是否有任何特定的 dom 节点需要更新。它是这样工作的吗？这不切实际，因为快速将视口从 1400px 宽度拖到 1300px 宽度会触发 100 个事件，并导致对所有 .css 和内联样式进行 100 次线性扫描。

此外，我喜欢任何相关资源，因为我正在尝试越来越多地了解现代浏览器。

标签： htmlcssbrowser

Answer 1

我的理解是媒体查询用于根据某个视口覆盖默认的 CSS 样式。

它检查此视口的方式是通过浏览器窗口宽度大小。min-width或者max-width

HTML 标记在 css 中通常由<tag>、#id或调用.class。

不确定您要寻求什么答案？

https://www.w3schools.com/cssref/css3_pr_mediaquery.asp