2017/2/16 问题合集

入坑第142天

1.关于display：flex的兼容性问题，发现在ios上flex盒模型显示不正常。

解决办法：

1. display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */  
2. display: -moz-box; /* Firefox 17- */  
3. display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */  
4. display: -moz-flex; /* Firefox 18+ */  
5. display: -ms-flexbox; /* IE 10 */  
6. display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */ 

2.测试ios端页面发现margin-bottom失效，百度到解决办法：将margin换成padding，显示效果会正常，原因是苹果设备在处理margin的时候会将margin-bottom设置为0；