Flex Box无法正常工作

Question

我在我网站的每个css文件中使用了display:flex;垂直。我如何在不更改网站的完整编码的情况下进行更正。

谢谢

Answer 1

请注意，UC浏览器中不支持大多数Web标准，以及它从网页中删除了一些CS和JS以获得更快的页面加载。

仍然，它使用WebKit作为其渲染引擎，因此您可以尝试尽可能多地支持WebKit，您将很高兴。此外，诸如Auto-Prefixer之类的工具将解决大多数跨浏览器问题。

最好考虑Caniuse.com检查目标浏览器支持哪些功能。

Answer 2

这取决于您的CSS结构方式。display:felix;在所有浏览器中均无作用。这就是为什么研究CSS和浏览器兼容性很重要的原因。

使用此caniuse.com

使用display:-webkit-flex;

Answer 3

我认为 display:flex;不支持uc。

Answer 4

我认为这是flex的正确显示：-ms-flexbox;//对于较旧版本显示：-webkit-flex;//对于Chrome旧版本，Firefox旧版本，Safari显示：-webkit-box;//对于永远的Android Ucbrowsers，我想您会尝试此行

显示：flex;//对于所有新版本的浏览器，例如Chrome 66及以上的Firefox 46及以上IE11及以上的Event Safari，Opera和其他一些Newversion浏览器可以支持此行

您可以在移动设备或PC => display中的UCBrowsers中使用此行：-webkit-box;如果您想要Inlie-flex尝试此操作，并且它的作品显示：-webkit-inline-box;