我display:flex;在我网站的每个css文件中都使用过，但现在它在 google chrome 中运行良好，但在 UC 浏览器（手机）中它不起作用。它只是跳过 flex 并垂直显示项目。如何在不更改完整编码的情况下更正此问题网站。
谢谢
问问题
3332 次
4 回答
2
请注意，UC 浏览器不支持大多数 Web 标准，并且它从网页中删除了一些 css 和 js 以加快页面加载速度。
尽管如此，它仍然使用 WebKit 作为其渲染引擎，因此您可以尝试尽可能多地支持 Webkit，并且一切顺利。此外，诸如自动前缀器之类的工具将解决大多数跨浏览器问题。
最好考虑caniuse.com来检查您的目标浏览器支持哪些功能。
于 2017-03-06T16:41:29.597 回答
0
我认为这适合 flex display:-ms-flexbox; //对于旧版本显示：-webkit-flex; //对于chrome老版本，firefox老版本，safari display:-webkit-box; //for android ucbrowsers forever,我想你会试试这条线
显示：弹性；//对于所有新版本的浏览器，如 chrome 66 及更高版本 firefox 46 及更高版本 ie11 及更高版本，尽管 safari 、opera 和一些新版本的浏览器可以支持这一行
您可以在移动或 PC 的 ucbrowsers 中使用此行 => display:-webkit-box; 如果你想要 inlie-flex 试试这个，它的作品 display:-webkit-inline-box;
于 2018-05-19T10:46:08.423 回答
0
我认为display:flex;UC不支持。
于 2017-02-26T17:10:21.270 回答
0
这取决于你如何构建你的CSS。display:felix;不适用于所有浏览器。这就是为什么研究你的 CSS 和浏览器兼容性很重要的原因。
使用这个caniuse.com
利用display:-webkit-flex;
于 2017-02-26T16:45:12.917 回答