CSS并不总是在Jekyll / Bootstrap站点中正确呈现

时间:2016-08-05 01:06:47

标签: css twitter-bootstrap twitter-bootstrap-3 jekyll

我正在使用Jekyll 3.0.1和Bootstrap 3构建一个站点。我经常注意到,当我进行更改并刷新页面时,某些内容上的CSS会随机中断。例如: 1)我已经用我自己的风格(不编辑Bootstrap文件)覆盖了Bootstrap的链接着色。 2)我将在同一页面上更改UL以进行显示:内联块,#1中的自定义链接颜色消失。

显然这两个项目完全不相关,我已经检查并重新检查了我的HTML,以确保没有任何内容被错误地嵌套。同样的事情也在其他地方发生(即改变某些东西的边框颜色突然使某个div无法渲染)。我唯一可以猜到的是CSS没有正确导入或完整导入,但我不知道。

我目前在Firefox工作,如果它有用的话。

至少可以说,这令人非常沮丧,我以前从未遇到过这样的事情。有没有人遇到过这样的事情并有任何建议??!

1 个答案:

答案 0 :(得分:1)

在我看来,您正面临缓存问题。有时如果某个文件被缓存,它会因为一些奇怪的原因而加载默认的css。我在开发网站时面对这个问题。我不确定这是否适合您,但在css链接中添加参数会阻止您的css缓存。

<link rel="stylesheet" type="text/css" href="http://example.com/style.css?r=1">

通过添加?r = 1,您将阻止缓存。您还可以尝试使用chrome并禁用缓存本身,看看问题是否仍然存在。

打开右下角的开发人员工具(F12或Ctrl-Shift-J) - &gt;齿轮检查禁用缓存。

考虑到,参与者可能会解决您不应该使用它的问题,因为每次访问您的网页时,人们都必须重新加载您的CSS。