CSS无法在Chrome中运行

bejyjqdl  于 2023-08-08  发布在  其他
关注(0)|答案(8)|浏览(133)

CSS是不加载的这个网页上的网站,我的工作:http://www.thesanfordcenter.net/sanford-center .它只发生在Chrome中,但不是缓存问题,因为同样的问题也发生在另一台电脑上的Chrome中,我已经清除了浏览器中的所有浏览和缓存历史记录。
它似乎在FF和IE中工作正常。这个网站上的子页面,使用不同的模板似乎工作正常。
我不确定是什么导致了这一点。如果你能帮忙的话,我将不胜感激。

eaf3rand

eaf3rand1#

在谷歌浏览器

>> goto settings
>> search for cache
>> clear browsing data
>> check cached images and files (the past hour / day)
>> clear browsing data

字符串
后藤你的网页,按下“Ctrl + r”
希望这能解决你的问题,谢谢。

jyztefdp

jyztefdp2#

确保您的CSS和HTM/HTML文件使用相同的编码!

如果您的HTM/HTML文件编码为UNICODE,那么您的样式表也必须编码为UNICODE。
IE和Edge并不挑剔:不管编码如何,样式表都被呈现。但是Chrome完全不能容忍不匹配的编码。
我尝试了所有的解决方案/建议,我可以找到所有在互联网上之前,我注意到,在我的文本编辑器,我正在使用不同的编码。一旦我用与网页相同的编码保存样式表,问题就消失了。

3npbholx

3npbholx3#

比较你引用的页面和子页面之间的css链接,你的链接中有一个“media”属性:
问题:

<link href="/stylesheets/css_Sanford.css" rel="stylesheet" type="text/css" media="only screen and (min-device-width: 481px" />

字符串
工作:

<link href="/stylesheets/css_Sanford.css" rel="stylesheet" type="text/css" />


尝试删除“媒体”属性,它应该工作正常。
更具体地,“仅”似乎不是用于媒体属性的有效操作。详情请参见this W3Schools page

bweufnob

bweufnob5#

你确定这条路是正确的?Chrome中的开发者工具显示以下错误。
无法加载资源:服务器以状态404响应(错误:无法找到请求的文件。)http://www.thesanfordcenter.net/CircularContentCarousel/css/demo.css

00jrzges

00jrzges6#

检查你调用代码的源代码。“stylesheets”文件夹编码为“StyleSheets”。可能是大小写敏感把它搞砸了。
我在想,也许是因为expstickybar.css文件正确呈现,并且它引用了“stylesheets”文件夹

jaql4c8m

jaql4c8m8#

在我的例子中,我使用了错误的Content-Type头(text/plain而不是text/css)。正确的头应该是"text/css; charset=utf-8"。不幸的是,Chrome中没有显示错误消息。

相关问题