Chrome 77 LayoutNG 破坏了我的浮动布局
Chrome 77 LayoutNG breaks my float layout
我有一个网站,是根据 A List Apart post. A recent Chrome update broke it. You can see the results on the example page for the article (I also made it into a fiddle 中描述的 "Holy Grail" 布局设计的。在 Firefox 中打开它,看看它应该喜欢什么,在 Chrome 中打开它,看看现在发生了什么。
我意识到这种技术已经过时了,我已经计划用 Flexbox 重新设计它。但是,这需要时间,我希望在我进行重新设计的同时让它快速恢复工作。您可以在 this page.
上阅读有关 LayoutNG 的更多信息
有谁知道解决此问题的任何提示和技巧?是否有我可以关注的 Chrome 错误已经打开?
更新: 我决定在 Canary (v79) 中对其进行测试,布局在那里完美运行。尽管它在 Beta 版 (v78) 中仍然存在问题。所以,我可以等到当前的 Canary 发布,但根据 current estimates,那要等到 12 月。所以,如果有可用的方法,我仍然希望时不时地找到一个快速修复方法。
这里有一些代码让你很开心:
SO won't let me post a link to jsFiddle without code...smart
事实证明,使用 Flexbox 重新实现布局并不难。所以,我只是做了一些很好的老式用户代理嗅探来检测损坏的 Chrome 版本并加载一个小的 CSS 片段来覆盖适当的样式。
我有一个网站,是根据 A List Apart post. A recent Chrome update broke it. You can see the results on the example page for the article (I also made it into a fiddle 中描述的 "Holy Grail" 布局设计的。在 Firefox 中打开它,看看它应该喜欢什么,在 Chrome 中打开它,看看现在发生了什么。
我意识到这种技术已经过时了,我已经计划用 Flexbox 重新设计它。但是,这需要时间,我希望在我进行重新设计的同时让它快速恢复工作。您可以在 this page.
上阅读有关 LayoutNG 的更多信息有谁知道解决此问题的任何提示和技巧?是否有我可以关注的 Chrome 错误已经打开?
更新: 我决定在 Canary (v79) 中对其进行测试,布局在那里完美运行。尽管它在 Beta 版 (v78) 中仍然存在问题。所以,我可以等到当前的 Canary 发布,但根据 current estimates,那要等到 12 月。所以,如果有可用的方法,我仍然希望时不时地找到一个快速修复方法。
这里有一些代码让你很开心:
SO won't let me post a link to jsFiddle without code...smart
事实证明,使用 Flexbox 重新实现布局并不难。所以,我只是做了一些很好的老式用户代理嗅探来检测损坏的 Chrome 版本并加载一个小的 CSS 片段来覆盖适当的样式。