IOS8,android4.0以下这两个css无效,开发时候尽量注意

很多人一看到标题估计都是说IOS8?哪来那么老的破机子。
目前iPhone5s以下的大多数用户都是维持IOS8以下的系统，而我所在的朋友圈很多人使用iPhone5和iPhone5s，因此这也就成了我比较关注的问题，废话少说，我们现在来看看那些css可能是无效的

width:calc(100vw - 50px)

IOS8以下以及安卓4.0以下不支持calc中含vw,vh单位,需要改为

width:-webkit-calc(100vw - 50px)

安卓2.3以下不支持calc，换成代码修改吧

display:flex;flex-warp:nowarp;

安卓2.3不支持flex,IOS8以下不支持，需要改为

display:-webkit-flex;-webkit-flex-warp:nowarp;

不过既然可以用flex,也有可能可以使用float结合margin实现,所以.... 不用我说了吧?

有些人可能认为自己的app不会有以上这些符合条件的设备打开,谁知道呢= = 我们还有过安卓2.3的用户,当然是安装不上的,但是除了app,我们是否需要微信网页，是否需要移动网页，这些问题在网页端都会出现的，所以见仁见智，详情可以百度css3浏览器支持一览，对了，上述符合条件的，也不支持动画效果... IOS7.1.2不支持组合动画效果，IOS8以上无问题。