flex有版本兼容,需要根据浏览器的版本做兼容.flex-hw { /* 09版 */ /*-webkit-box-lines: multiple;*/ /* 12版 */ -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; } 有用 回复 毛驴旅长: 这不是前缀的问题,是支持flex,不...
关于flex 兼容,低版本坑特别多。还是建议乖乖用 float 吧。 首先是低版本对 flex 的大部分属性都支持,但是 flex-wrap ,是一点都不支持的,建议用 display: inline-block 代替。 然后如果要用 flex 布局,切记子元素一定要是块级元素,就是设置 display: block; 否则的话低版本是没有 flex 效果的。高版本是不用...
前面表述有误,不算是不支持flex-wrap,应该是表现有差异。具体测试如下:css: .box { display: flex; flex-wrap: wrap; width: 200px; background: gray; color: #fff; } .item1 { flex: 1; height: 30px; background: blue; } .item2 { flex: 1; height: 50px; background: red; } html: ...
关于flex 兼容,低版本坑特别多。还是建议乖乖用 float 吧。 首先是低版本对 flex 的大部分属性都支持,但是 flex-wrap ,是一点都不支持的,建议用 display: inline-block 代替。 然后如果要用 flex 布局,切记子元素一定要是块级元素,就是设置 display: block; 否则的话低版本是没有 flex 效果的。高版本是不用...
在开发一个页面的时候 用的flex布局 没想到在测试上面 大部分的机子没问题 但是小部分出现了兼容性的问题 应该是版本比较老的原因请问有什么方法解决一下?以开始用的flex-wrap: wrap; 要的是这样显示但是有的手机却显示成一行 然后我把flex-wrap: wrap;都加上前缀 -webkit-flex-wrap: wrap;-moz-flex-wrap: ...
以开始用的flex-wrap: wrap; 要的是这样显示 但是有的手机却显示成一行 然后我把flex-wrap: wrap;都加上前缀 -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap:wrap; 却变成了 一直郁闷着 求如何解决...