为什么我的 html 页面在重新加载时会冻结 firefox？答案

【问题标题】：why is my html page freezing firefox on reload?为什么我的 html 页面在重新加载时会冻结 firefox？
【发布时间】：2019-12-21 13:19:55
【问题描述】：

我有一个页面可以在 chrome 和 edge 中正常工作，并且以前在 Firefox 中也可以正常工作。我复制了这里生成的 html 代码：

这里没有JS：

如果你用chrome打开两者中的任何一个都没有问题，但是firefox会在第一次加载它，然后在重新加载时挂起，显示旋转轮动画，如果你让它足够长，甚至会冻结。（有时您必须多次重新加载才能看到异常行为）

我最初保存了一个副本以测试它是否与php或js代码有关，但即使没有它，firefox也会挂起。

我已经在 3 个装有 mozilla firefox 68 + 的 Windows 电脑上对此进行了测试，并且都显示出相同的行为。安卓版好像没有。

¿您是否知道它可能是什么，我能做什么，或者它是否是上次 Firefox 更新中的错误？

【问题讨论】：

页面没有冻结在我身上，在 mac 上使用 FF。既然你不知道是什么原因造成的，但是很容易弄清楚，只需开始一个一个地删除组件，直到页面不再冻结
我在windows下测试过，真的很奇怪，因为我删除了所有的php代码和所有的js，用验证器测试了页面，直到没有问题。 Firefox 有时会重新加载它就好了，然后突然之间你就不能再加载页面了。它甚至不是太大，不到 4mb。
老实说，2500x1000 的图像可能已经是几兆，但它不应该使浏览器崩溃。你的 FF 更新了吗？
我已经在 3 台装有 mozilla firefox 68 + 的 Windows 电脑上对此进行了测试，并且都表现出相同的行为。安卓版好像没有。
开始逐段删除html，先删除所有css，可能是css

【解决方案1】：

这似乎是原因，删除此css代码后页面重新加载没有问题。

    .hijos{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

我认为 windows 中的 firefox 可能在处理嵌套的 flex 元素时遇到问题。这一切都只是猜测。

【讨论】：