轻量级前端框架在提升开发效率与用户体验中的重要作用
954
2022-10-25
gulp4 + babel 一个优雅的移动端css框架
gulp4 + babel
采用postcss输出css
License
MIT
ixu.css
轻量灵活的移动端 CSS 框架。
介绍
压缩后只有 4.6kb,比 Skeleton、Pure.css、Bootstrap 等所有 CSS 库都小大量使用 Flexbox ,非常灵活,官方网站只有不到 10 行的自定义样式专注于移动端,桌面端端相当于展示的还是移动端的页面,不过可以在左侧或右侧加上侧边栏
开始使用
你可以在这个页面- ixu.css,然后使用压缩后的版本:dist/ixu.min.css。
或者使用 npm 安装:
npm install --save ixu.css
如果你用的是 Sass,那么也可以在自己的项目中构建 ixu.css:
@import 'ixu.css/src/ixu';
注意你需要将 node_modules 添加到 Sass 的 load_paths 中。
支持的浏览器
iOS
Last 5 iOS versions
安卓
Last 5 Android versions Last 5 ChromeAndroid versions Last 5 UCAndroid versions (*) Last 5 FirefoxAndroid versions (*) Last 5 OperaMobile versions (*) Last 5 OperaMini versions (*) Last 5 Samsung versions (*)
其他浏览器
Last 3 Chrome versions Last 3 Firefox versions Last 3 Safari versions Last 3 Edge versions Last 5 ExplorerMobile versions (*)
备注
ixu.css 使用 cssnext 来保证能兼容主流的移动端浏览器浏览器查询语句来自于 Browserslist标注为 (*) 的浏览器可能没有很好的测试,但是应该能够正常工作
参与贡献
如何开始
npm installnpm start
打开 http://localhost:8000/
测试
npm test
谁在用 ixu.css?
马蹄香数企
版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。
发表评论
暂时没有评论,来抢沙发吧~