我有一个 webview 可以加载一个包含 flexbox 的网页。 flexbox Div 在 Kitkat Emulator 上可以正确显示,但不能在 Jellybean 等较旧的 Android 版本上运行。 框必须水平显示,但实际上它们是垂直显示的。
这是我的 HTML 代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>test</title>
</head>
<body>
<div style="display:flex;
align-items: flex-start;
justify-content: flex-start;
flex-direction: row;
flex-wrap: nowrap;
width: 50%; height: 20%;
background-color: red;">
<div style="background-color: orange;">BOX 1</div>
<div style="background-color: yellow;">BOX 2</div>
<div style="background-color: green;">BOX 3</div>
</div>
</body>
</html>
最佳答案
我认为您需要根据旧的 flex box 规范为所有内容添加前缀,例如 -webkit-box-flex-foo: bar;
。
对于方向,您可能需要改用方向,例如:-webkit-box-orient: vertical/horizontal;
。
关于android - Webview 不支持 Android Jellybean 上的 flex box,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21242339/