【问题标题】:CSS not rendered correctly on page load/reloadCSS 在页面加载/重新加载时未正确呈现
【发布时间】:2021-04-14 12:39:52
【问题描述】:

我正在尝试将我的 CSS 文件应用到我的网页。 当我加载我的网站时,我很快看到网站正确呈现(应用了我的 CSS 样式),而页面仍在加载。当页面完成加载时,我用 CSS 定义的一些样式消失了,例如背景颜色或某些文本的对齐方式。有时当我重新加载页面时,网站会正常呈现,而无需我更改浏览器或代码。我已经尝试删除浏览器缓存,但没有任何改变。我使用谷歌浏览器。我可以看到 CSS 文件必须正确加载,因为应用了一些样式,并且页面在加载过程中正确呈现。

这是加载时我的网站的图像:

这是加载后我的网站的图像:

感谢您的帮助。

【问题讨论】:

  • 样式都是从同一个样式表中加载的,还是您有多个样式表?

标签: html css frontend rendering


【解决方案1】:

似乎在您的 css 文件之后加载了其他 css 或 js 文件。请提供指向您页面的链接或发布 html。

如果您使用开发工具 (F12),您可以查看“网络”选项卡。在这里您可以看到加载了哪些文件,并且它们的顺序是

【讨论】:

  • 谢谢你,这是解决方案。我在我的代码中发现了一个我完全忘记的 CSS 参考
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2020-11-08
  • 1970-01-01
相关资源
最近更新 更多