媒体查询和javascript调整大小事件之间的区别答案

【问题标题】：Difference between media queries and javascript resize event媒体查询和javascript调整大小事件之间的区别
【发布时间】：2017-08-15 17:25:16
【问题描述】：

媒体查询和javascript调整大小事件有什么区别。他们两个看起来很相似。

媒体查询有哪些优缺点，调整大小事件有哪些？

【问题讨论】：

Mhh... 它们完全不同，resize 是在调整视口大小时发生的 DOM 事件。在媒体查询中，属性比与视口大小相关的属性要多得多。您可以通过媒体控制布局，导入样式规则等。
如果您在谈论响应式设计，那么我建议您尽可能多地保留 CSS 媒体查询，以避免在 javascript 中实现响应式逻辑。这就是媒体查询的目的。由于我们不知道您到底想要完成什么，尽管很难说出什么最适合您。
我知道我应该使用媒体查询来进行响应式思考等等。但是 CSS 引擎中发生了什么？我的“高级”总是使用 javascript 进行导航，并且更喜欢 javascript 调整大小而不是媒体查询。
CSS 的加载速度比 Javascript 快。当 html 被渲染时，javascript 将起作用。如果你加载 javascript before html 或特定的 html tag 被渲染不起作用。因此media query is better option。 PS是时候改变你使用resize函数的高级方式了.. :)
“我的‘高级’总是使用 javascript 进行导航，并且更喜欢 javascript 调整大小而不是媒体查询。” - 这可能比实际情况更老年 “高级的”。听起来您正在与“我们一直这样做”的人打交道 - 所以可能不是最好的老师......

【解决方案1】：

媒体查询是 CSS3 中引入的一种 CSS 技术。

只有当某个条件为真时，它才会使用@media 规则来包含 CSS 属性块。

【讨论】：