灵活方框会导致Firefox出现渲染问题吗？

Question

有谁知道什么可能导致Firefox闪屏？它会在短时间内变黑。我认为这是“回流”，但我无法弄清楚是什么导致了它。

我尝试过禁用过渡，自定义字体，渐变，但它仍然会发生。

可能是柔性盒吗？因为我到处都在使用它们，并且在我切换到弹性盒后我发现FF有些滞后。

Answer 1

过去我遇到过同样的问题。如果你有许多display: flex嵌套在彼此内部的元素，它基本上会使渲染时间加倍。

对我有用的解决方案是使用display:-moz-box而不是display: flex

或者我建议重构HTML以降低嵌套级别并使标记尽可能精简

您可以在this bug report

中找到更多信息

Answer 2

试试这个： -

.container {
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly      works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

使用要应用flex属性的选择器更改.container。

Answer 3

不确定您是否面临同样的问题，但我发现浏览器会在样式表中对CSS进行注释，然后禁用它。我有一个页面，其中有一个带有注释掉的背景图像的类，它将加载该图像，闪存，然后禁用CSS。检查您的样式是否有可能评论黑色背景颜色。

Answer 4

您是否尝试在常规设置中关闭硬件加速？

可能与您的视频卡发生冲突。

可信的来源是灵活盒明确利用硬件加速来发挥作用。

Answer 5

选项 - ＆gt;高级 - ＆gt;一般 - ＆gt;关闭硬件加速 - ＆gt;确定