iOS和Android WebView中flex布局对齐方式差异太大怎么解决？
搞不懂啊，同样的H5页面在iOS和Android的WebView里显示完全不一样。比如这个按钮组用了flex wrap，iOS正常换行，Android却把最后一行顶到顶部了。
已经试过重置浏览器默认样式：margin:0;padding:0，也检查了rem适配和viewport设置。用Chrome调试工具切换设备也没复现这个问题。
现在怀疑是WebView内核差异导致的，但具体该调整哪些样式属性？或者需要通过JS探测平台再注入不同的CSS？
2 条解答
align-content: flex-start，iOS默认stretch，Android默认flex-start，这玩意儿最容易打架。再不行就JS检测平台加个.is-androidclass，单独覆盖样式。align-items: flex-start;就行了。如果还不行，试试包一层