breakpoints-js:将 CSS 媒体查询断点同步到 Javascript 的小脚本

时间:2024-07-07 15:12:48
【文件属性】:

文件名称:breakpoints-js:将 CSS 媒体查询断点同步到 Javascript 的小脚本

文件大小:101KB

文件格式:ZIP

更新时间:2024-07-07 15:12:48

JavaScript

断点-js 用于将 CSS 媒体查询断点同步到 Javascript 的微型 css 和脚本。 您可以在 CSS 媒体查询中定义断点的名称。 JS 将它们作为 <html> 元素上的类公开。 如果您选择在项目中包含 breakpoints.js,您可以测试类似 window.breakpoints.small === true 的内容并绑定到自定义断点事件。 使用 CSS 中定义的断点对显示类型进行基本检测。 使用媒体查询,当前断点的名称作为 <head> 元素上的 css 属性传递。 JS 将结果存储在全局断点变量中,并在它们发生变化时引发断点事件。 这种技术的优点很简单,断点只需要在 css 中定义,而不必在 JS 中重复。 示例用法:(使用breakpoints.css & breakpoints.js) < link rel = "stylesheet" href =


【文件预览】:
breakpoints-js-master
----index.html(3KB)
----src()
--------breakpoints.min.js(4KB)
--------_breakpoints-lt-gt-classes.js(1KB)
--------_breakpoints-lte-gte-classes.js(2KB)
--------breakpoints.js(10KB)
--------_breakpoints-tests.js(3KB)
--------breakpoints.scss(3KB)
----lib()
--------jquery.min.js(91KB)
--------jquery.min.min.js(91KB)
--------json2.min.min.js(3KB)
--------bootstrap-combined.no-icons.min.css(116KB)
--------json2.min.js(3KB)
----README.md(2KB)
----css()
--------breakpoints.css(604B)
----codekit-config.json(7KB)

网友评论