什么是 FOUC(Flash of Unstyled Content)？如何来避免 FOUC

作者：管理员

发布时间：2020/10/9 9:10:02

评论数：0

转载请自觉注明原文：http://www.jq-school.com/Show.aspx?id=2691

• 当使用@import导入CSS时，会导致某些页面在IE出现奇怪的现象：没有样式的页面内容显示瞬间闪烁，这种现象被称为“文档样式暂时失效”，简称FOUC。
• 产生原因： 当样式表晚于结构性html加载时，加载到此样式表时，页面将会停止之前的渲染。等待此样式表被下载和解析后，再重新渲染页面，期间导致短暂的花屏现象。
• 解决办法： 只要在之间加入一个或者元素即可。