css - flex 盒子不工作

标签 css flexbox uc-browser

我在我网站的每个 css 文件中都使用了 display:flex; 但现在它在谷歌浏览器中工作正常但在 UC 浏览器(电话)中它不工作.它只是跳过 flex 并垂直显示元素。我如何在不更改网站的完整编码的情况下更正此问题。

谢谢

最佳答案

请注意,UC 浏览器不支持大多数 Web 标准,而且它从网页中删除了一些 css 和 js 以加快页面加载速度。

它仍然使用 WebKit 作为其渲染引擎,因此您可以尝试尽可能多地支持 Webkit,这样您就可以开始使用了。此外,auto-prefixer 等工具将解决大部分跨浏览器问题。

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

关于css - flex 盒子不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42471110/

相关文章:

css - Flexbox:第一个 child 如何拥有其内容的宽度,而第二个 child 如何填充其余宽度

css - uc浏览器设置背景图片高度

html - Div 对齐和形状

javascript - jquery:将 style.css 的链接替换为 game.css?

Jquery After() 除非

javascript - 如何自动关闭 Bootstrap 4 下拉菜单中的子菜单

html - 在 flex 方向列中右对齐

html - flex 方向 : row is not working; it's still displaying as a column

adsense - 谷歌广告在 UC 浏览器中不可见,那么从 UC 浏览器赚钱还有其他选择吗?

css - 在 UC 浏览器中重叠 div over html5 视频播放器问题