首页 > 网站 > WEB开发 > 正文

经常有人问什么是FOUC?我们如何避免FOUC?

2024-04-27 15:05:30
字体:
来源:转载
供稿:网友
Flash of Unstyled Content,简称为FOUC.
当我们使用import方法对CSS进行导入时,会导致某些页面在Windows 下的IE浏览器中出现一些奇怪的现象:无样式显示页面内容的瞬间闪烁,这种现象称之为文档样式短暂失效
原因大致为:
1,使用import方法导入样式表。
2,将样式表放在页面底部3,有几个样式表,放在html结构的不同位置。其实原理很清楚:当样式表晚于 结构性html 加载,当加载到此样式表时,页面将停止之前的渲染。此样式表被下载和解析后,将重新渲染页面,也就出现了短暂 的 花屏现象。
解决方法:换做使用LINK标签将样式表放在文档HEAD中来引入css样式
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表