如何防止Safari正确显示样式，然后删除样式

Question

第一张图片是样式在页面呈现时在Safari上显示的方式，然后更改为第二张图片中的样式。我以前没有这个问题，也不确定如何预防。 Chrome呈现正确。

我正在使用的堆栈是具有Material-UI库的nextjs，如果有区别的话。

有什么想法吗？

Answer 1

[考虑此渲染问题时，它似乎是样式覆盖问题。我猜您已将材料.container类用于html布局，然后您通过更改默认值覆盖了.container类中的样式。网页会在初始绘制时显示其原始样式值，并且需要几秒钟的时间来覆盖您的默认样式。这可能是您的布局随时间变化的原因。