【文件属性】:
文件名称:reflex:响应式Flexbox网格,具有内联块传统支持
文件大小:510KB
文件格式:ZIP
更新时间:2021-04-01 13:35:03
SCSS
反射
轻量级的响应式Flexbox网格,具有跨浏览器支持,内联块后备和无polyfills
Reflex使您能够利用flexbox布局网格,同时为较旧的浏览器提供可靠的内联块回退。
在撰写本文时,96.63%,因此,我建议该是时候开始利用flexbox并接受内联代码块后备功能不支持所有功能的时候了。
在不支持flexbox的情况下,您的基本网格结构将保持不变,并且大多数布局类仍将起作用。 在不支持flexbox的浏览器(例如Internet Explorer 9)中尝试页面,亲自体验一下!
为什么要使用反射?
轻巧-压缩后的大小为20KB,压缩后为2.5KB
在支持flexbox的情况下,默认情况下列的高度都相同
反射网格单元永远不会互相推开(就像浮动网格一样)
支持语义元素,例如您可以将ul用作网格
支持嵌套网格
良好的跨浏览器支持
使用Sass / SCSS构建
易于定制
【文件预览】:
reflex-master
----bower.json(507B)
----scss()
--------includes()
--------reflex.scss(564B)
----LICENSE(1KB)
----README.md(3KB)
----docs()
--------index.html(75KB)
--------scss()
--------images()
--------js()
--------v1()
--------examples.html(33KB)
--------css()
----css()
--------reflex.min.css(19KB)
--------reflex.css(26KB)
----.gitignore(27B)
----package.json(1KB)