相对应老师本节将的几个属性旧版的写法是这样的:
子元素排列方向:旧:box-orient 新:flex-direction
子元素对齐方式:旧:box-align与box-pack 新:justify-content和align-content
是否换行显示: 旧:box-lines 新:flex-wrap
如果要对低版本浏览器支持,最好在写的时候把旧版属性写在前面,后面写新版属性。这样就可以处理兼容上的问题。
子元素排列方向:旧:box-orient 新:flex-direction
子元素对齐方式:旧:box-align与box-pack 新:justify-content和align-content
是否换行显示: 旧:box-lines 新:flex-wrap
如果要对低版本浏览器支持,最好在写的时候把旧版属性写在前面,后面写新版属性。这样就可以处理兼容上的问题。
2016-07-28
实践中总结出来的,其实只用display:flex;会有兼容问题。因为这算是最新的规范了吧,一些老一点浏览器支持并不是很好。
其实以前应该还有display:box;当然一般还会加上前缀,display:-webkit-box;子元素会写成box-flex=1;等等
针对这种情况,在实际开发中会把以前旧版的规范写在前面,后面写上新版的规范。比如这样:
.box{
display:-webkit-box;
display:box;
display:-webkit-flex;
display:flex;
}
其实以前应该还有display:box;当然一般还会加上前缀,display:-webkit-box;子元素会写成box-flex=1;等等
针对这种情况,在实际开发中会把以前旧版的规范写在前面,后面写上新版的规范。比如这样:
.box{
display:-webkit-box;
display:box;
display:-webkit-flex;
display:flex;
}
2016-07-27
最新回答 / shenymce
scaleY(y) 对元素Y轴进行缩放,由于iPhone5 dpr为2 ,所有1dpr要2像素渲染,所有显得有点宽,用scaleY(0.5)就是2的1半,这样就显得细些了
2016-07-25