css - 升级到 Chrome 72 后有人遇到布局问题吗?

标签 css google-chrome flexbox overflow

在我的一些客户升级到 Chrome v72 后,他们注意到一些 <= v71 中不存在的布局问题。根据我的发现,它主要发生在元素具有 overflow: auto 或 overflow: 在使用 flexbox 定位其子元素的父元素内滚动。

还有其他人遇到过这种情况吗?请注意,这仅发生在 v72 中,我已经测试了 < 72 和其他 webkit 浏览器,但无法重现。

最佳答案

看起来自 v72 以来,Chrome 以不同的方式呈现带有溢出的 flexbox 。这些更改中至少有一部分是有意让 Chrome 更符合规范和其他浏览器。

详情见本期: https://bugs.chromium.org/p/chromium/issues/detail?id=927066

更新:

We've heard you loud and clear and have decided to revert the change in Chrome 72 to avoid breaking existing sites and to allow developers a bit more time to update their pages.

The change will instead ship with Chrome 73. As such it's still important to make the required changes to avoid breaking it in future versions of Chrome and to ensure compatibility with Firefox.

2019-02-05 22:44:28 UTC

关于css - 升级到 Chrome 72 后有人遇到布局问题吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54447490/

相关文章:

html - 防止 float 元素返回下一行

html - 修复了 100% 宽度的 DIV 覆盖滚动条

google-chrome - 文字装饰 :none and text-shadow conflict

java - 如何在不双击JNLP的情况下让java web start自动启动

javascript - 带有无限轮播的 Internet Explorer 7+8 jQuery 错误

html - 如何将文本与背景图像垂直居中对齐

php - Google Chrome 无需主动请求即可刷新

javascript - 奇怪的垂直 div flex 行为

javascript - Angular:Flex 在移动设备上运行不佳(IOS 13)

html - 在 flex ul 中右对齐 li