弹性布局的兼容性
来源:互联网 发布:java运维是做什么的 编辑:程序博客网 时间:2024/06/05 06:49
弹性布局虽然好用,但兼容性并不讨好,除了浏览器实现有差异外,PC与移动端也有差异。
display: flex
与 display: box
都用于弹性布局。display: box
是2009年的命名,display: flex
是2012之后的命名。但display: flex
不能完全的向后兼容,有些浏览器不支持。
display: flex
PC端:Chrome和Firefox支持度都很好,IE不支持。
移动端:
- iOS Safari支持,UC支持,微信浏览器不支持
- Android 原生浏览器 UC 微信都不支持
display:box
PC端:Chrome和Firefox支持度都很好,IE不支持。
移动端:
- iOS Safari支持,UC支持,微信浏览器不支持
- Android 原生浏览器 UC 支持
总结起来:IE都不支持,因此这个技术用于移动端是比较理想的,因为移动端的浏览器内核基本为webkit。
.container{ display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */ display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */ }
阅读全文
0 0
- 弹性布局的兼容性
- flex-box弹性布局的用法以及兼容性
- flex-弹性布局以及其兼容性
- css3的弹性布局
- CSS 的 弹性布局
- Flex布局的兼容性
- CSS3弹性布局的使用
- 关于弹性布局的问题
- 弹性盒兼容性
- 弹性布局
- 弹性布局
- 弹性布局
- 弹性布局
- 弹性布局
- 弹性布局
- 弹性布局
- 弹性布局
- flex布局的兼容性写法
- Java中Iterable和Iterator的辨析
- Android
- 金蝶BOS,服务端执行SQL语句参考
- android_重力传感器(个人笔记)
- Java学习笔记(二十八):java获取路径的问题
- 弹性布局的兼容性
- 序列化类型的对象时检测到循环引用
- 方式程0day MS17-010远程溢出漏洞测试
- day03 java语言基础(运算符与选择结构)
- Unity入门之地形绘制
- javaweb项目高并发处理
- 自画像
- 【计算机视觉】从运动中恢复结构SfM模块安装
- 学习笔记:mybaits的环境搭建和增删改查操作