flexbox在android4.1及之前的版本兼容性问题

标签: flex-box
3人阅读 评论(0) 收藏 举报
分类:
经过了一番实践和一些基本的兼容处理,至少在移动端flexbox还是有可为的(安卓4.0+,2.3+没测试,ios都还行)。但是坑也确实还有很多。
1,flexbox有多个版本,在低版本安卓下实行的是09年的旧版标准Flexible Box Layout Module
这个标准需要添加-webkit-前缀。其余的实行的是新的flexbox标准CSS Flexible Box Layout Module Level 1,其中ios9以下Safari需要添加-webkit-前缀。
2,旧版flexbox标准各浏览器支持属性有限,比如说不支持flex-wrap等。所以如果考虑兼容性的话需要只使用旧版标准中浏览器可以支持的属性。
3,还是旧版的问题,旧版的使用比例伸缩布局时会导致盒子内容大小不等会导致无法‘等分’等布局。这个时候需要设置width:0%;等把原始大小设置成0。
4,依旧是旧版的问题,旧版的box item要求属性是块级结构,所以很多inline元素需要设置display:block等才能显示正常。
5, 新发现 text-overflow: ellipsis;在display:flex元素上无效。


作者:龙博韬
链接:https://www.zhihu.com/question/29924791/answer/46255686
来源:知乎
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
查看评论

spark application运行时版本不兼容错误

17/06/27 14:34:41 INFO deprecation: mapred.map.tasks is deprecated. Instead, use mapreduce.job.maps ...
  • u011098327
  • u011098327
  • 2017-07-03 17:46:52
  • 449

IE6-IE9兼容性问题列表及解决办法

  • 2012年04月11日 09:48
  • 1.74MB
  • 下载

android prgoressBar setProgressDrawable 在4.0系统式正常,在2.3系统上不能正常使用的问题

刚开始感觉很奇怪,系统的progressBar真是个大坑,在4.0的机器上一切正常,但在2.3的机器上进度条楞是怎么也不走,被坑了几天,终于在今晚查资料看到stackoverflow上有这个问题的解决...
  • fzh0803
  • fzh0803
  • 2013-07-29 21:22:45
  • 3102

Angular2-primeNG 文件上传模块FileUpload

本系列将结合实战总结angular2-primeNG各个模块的使用经验 文件上传模块FileUploadModule...
  • weixin_36333953
  • weixin_36333953
  • 2016-10-29 01:12:36
  • 1261

StringBuffer 版本兼容性问题

 在介绍所有的差别之前,首先介绍下StringBuffer类在jdk1.3和jdk1.4中的差别。在JDK1.4中StringBuffer类包含有方法:  1. StringBuffer append...
  • bendanlzh
  • bendanlzh
  • 2010-07-28 09:52:00
  • 690

session的一个版本兼容性问题

今天同事调试daima
  • qinchaoguang123456
  • qinchaoguang123456
  • 2014-07-19 14:54:54
  • 356

android之Notification版本兼容性问题

android中Notification版本兼容性问题讨论
  • caicongyang
  • caicongyang
  • 2013-08-22 17:26:20
  • 4035

Android版本兼容性问题

我们先从一个实例开始 如图所示:当我们在build.gradle中设置minSdkVersion=8时,调用上诉API时会出现如图提示,无法运行在低于API8的手机上,这就是Android版...
  • Calvin_zhou
  • Calvin_zhou
  • 2017-11-07 17:44:21
  • 1380

jquery 版本兼容性问题集合

使用jquery的很多时候代码还是停留在过去1.2.6,1.4.2这些版本的API用法上面,其实之后的版本修改了很多,所以不小心会碰到很多坑,这里不停的更新列举下问题: 先看一段常规的1.4.2版本...
  • jallin2001
  • jallin2001
  • 2013-09-22 01:01:47
  • 6857

jQuery插件flexbox的应用程序

  • 2010年06月21日 23:39
  • 435KB
  • 下载
    个人资料
    持之以恒
    等级:
    访问量: 9018
    积分: 541
    排名: 9万+
    最新评论