想要实现的效果如下图,元素居左对齐。
环境:
手上的设备是一台米4,ua如图:
碰到的问题:
测试了另一台安卓设备,ucbrowser/11.2,能正确识别display: flex。
而这台小米4上面,只能识别display: -webkit-box,但是webkit-box据我所知无法换行。所以我很疑惑如何实现多行。
想到的解决方案:
想到的一个解决方案是只声明display: flex,让小米4上的UC无法识别从而渲染成display: block,然后内部元素display: inline-block当一个降级方案。而autoprefixer会自动添加-webkit-box,因此要手动干掉。是不是还有其它这个版本uc的兼容方案呢?