flex.css 介绍
为什么需要flex.css?
在移动端开发中,并不是所有的浏览器,webview,微信等各种版本都 支持 标准的flex,
但是基本上都会 支持 -webkit- Box ,所以flex.css的主要作用是保证每 一个 属性 都能 支持 标准flex或旧版本的-webkit- Box 。
由于flex.css采用了a utop refixer编译,所以能够保证在浏览器 不支持 标准flex布局的情况下,
回滚到旧版本的-webkit- Box ,保证移动设备中能呈现出一样的布局 效果 。
于是,一款移动端 快速 布局的神器诞生了...
merits
简洁的api,熟悉的 属性 值,入门毫无压力。
在html中采用 属性 的方式布,将布局和css进行分离,清晰的布局结构让你更容易维护,可以在不更改css的情况下更改布局。
特别是在react中使用data-flex 属性 布局,维护起来更加的方便。
support
flex布局分为旧版本 dis play: Box ;,过渡版本 dis paly: flex Box ;,以及现在的标准版本 dis play: flex;
Android
2.3 开始就 支持 旧版本 dis play:-webkit- Box ;
4.4 开始 支持 标准版本 dis play: flex;
IOS
6.1 开始 支持 旧版本 dis play:-webkit- Box ;
7.1 开始 支持 标准版本 dis play: flex;
PC
如果你不需要兼容ie10以下版本,也是可以使用flex.css
flex.css同时能兼容新版本和旧版本,保证了浏览器 不支持 新版本时,回退到旧版本。
GitHub: https://github.com/lzxb/flex.css
网站描述: 一个 声明式的布局框架
flex.css官方网站
官方网站:
如果觉得 网站内容还不错,欢迎将 网站 推荐给程序员好友。