media-query-sync:媒体查询同步——在 JavaScript 中重用 CSS 媒体查询

媒体查询同步 在 JavaScript 中重用 CSS 媒体查询。 动机 ：所有媒体查询都存储在一个地方。 特别是在使用 LESS CSS 或 SASS 等工具时，设计断点可能在全局变量文件中定义。 使用此 JS 插件，无需在 JS 文件中重复 CSS 媒体查询。 布局的更少事件操作：我们也可能会监听 resize 事件，但在许多情况下，每次调整大小操作都不需要重新绘制 UI 或重新计算布局选项，但大多数情况下只有当设计断点为到达。 文档 这个插件是作为实现的，并且有一个全局变量的回退。 要求 该插件使用 JavaScript 。 如果你的目标浏览器不知道这个对象，你必须包含 。 （例如 Microsoft Surface 平板电脑上的 IE 10） if ( typeof window . CustomEvent !== 'function' ) { /*