大佬教程收集整理的这篇文章主要介绍了css – 仅在Firefox中使用无格式内容(FOUC)的Flash? FF缓慢渲染?,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
这甚至发生在后续的页面加载中,其中所有内容都应该被缓存 – 每次页面加载时我都会看到非常规的内容一瞬间,然后一切都安定下来.
也值得注意(也许?)该页面正在使用@ font-face来提取一些Google字体.它们存储在一个单独的样式表中,在主要的响应式样式表和媒体查询之后被拉出.
我尝试了一些不同的东西,没有效果:
>重新排列CSS样式表链接的顺序
>使用@ font-face删除样式表的链接
>禁用Firebug? (请在这里阅读…)
可能值得一提的另一件事是我在页面的CSS中使用了很多Element Type CSS选择器.这可能会减慢渲染过程吗?
这似乎不太可能,因为在改变窗口的尺寸时立即重新渲染页面没有问题 – 响应的东西立即渲染得很好.
所以这让我相信CSS的加载方式存在一些问题.
这是我的HEAD代码:
<!DOCTYPE html> <head> <!--<meta name="robots" content="noindex" />--> <meta charset="utf-8"> <meta name="description" content=""> <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; minimum-scale=1.0; user-scalable=no; target-densityDpi=device-dpi" /> <title></title> <!-- responsive stylesheets --> <link rel="stylesheet" href="resources/css/320.css" type="text/css" media="screen and (max-width:320pX)" /> <link rel="stylesheet" href="resources/css/480.css" type="text/css" media="screen and (min-width:321pX) and (max-width:480pX)" /> <link rel="stylesheet" href="resources/css/768.css" type="text/css" media="screen and (min-width:481pX) and (max-width:768pX)" /> <link rel="stylesheet" href="resources/css/960.css" type="text/css" media="screen and (min-width:769pX) and (max-width:960pX)" /> <link rel="stylesheet" href="resources/css/960+.css" type="text/css" media="screen and (min-width:961pX)" /> <!-- custom fonts stylesheet --> <link rel="stylesheet" href="resources/css/fonts.css" type="text/css" /> <!-- favicon --> <link rel="shortcut icon" href="resources/images/ui/favicon.ico"> <!--[if lt IE 9]> <link rel="stylesheet" href="resources/css/960+.css" type="text/css"/> <![endif]--> </head>
WTF出错了?这让我疯了!
通过删除此属性并使用JavaScript设置焦点,无格式内容的短暂闪现停止发生.
以上是大佬教程为你收集整理的css – 仅在Firefox中使用无格式内容(FOUC)的Flash? FF缓慢渲染?全部内容,希望文章能够帮你解决css – 仅在Firefox中使用无格式内容(FOUC)的Flash? FF缓慢渲染?所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。