CSS在Chrome中不工作

未对我正在使用的网站的此页面加载CSS：http://www.thesanfordcenter.net/sanford-center。它只发生在Chrome中，但不是缓存问题，因为在另一台计算机上的Chrome中发生了同样的问题，并且我已在浏览器中清除了所有浏览和缓存历史记录。CSS在Chrome中不工作

它似乎在FF和IE中正常工作。该网站上使用不同模板的子页面似乎工作正常。

我不确定这是什么原因造成的。任何帮助，将不胜感激。

来源

2013-07-25 Phorden

您已经创建了两个“样式”文件夹+您还没有设置任何的body标签上所有的CSS文件，检查出来，请我的朋友 –

比较CSS链接，你有你的链接 “媒体” 属性：

问题：

<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" />

尝试删除“媒体”属性，它应该工作正常。

更具体地说，它不显示“only”对于媒体属性是有效的操作。详情请参阅this W3Schools page。

来源

2013-07-25 20:11:50 lwitzel

谢谢，这似乎做到了！我非常感谢你的帮助。 – Phorden

乐意帮忙。编辑参考W3School页面的答案。 – lwitzel

它不存在：

这是一个404未发现：

http://www.thesanfordcenter.net/CircularContentCarousel/css/demo.css

来源

2013-07-25 20:08:45

我也删除了这一行。它没有解决它。不过谢谢你指出。我需要清理一下我的代码。 – Phorden

你确定路径是否正确？ Chrome中的开发人员工具显示以下错误。你所引用的页面和子页面之间

Failed to load resource: the server responded with a status of 404 (ERROR: The file requested could not be found.) http://www.thesanfordcenter.net/CircularContentCarousel/css/demo.css

来源

2013-07-25 20:09:00 Ryhnn

http://www.thesanfordcenter.net/sanford-center –

这个问题可能造成的，因为浏览器无法加载文件：

Failed to load resource: the server responded with a status of 404 (Not Found) error in server

来源

2013-07-25 20:12:34

检查源，你在呼唤你的代码。 'stylesheets'文件夹被编码为'StyleSheets'。区分大小写可能会搞砸了。

我想也许因为expstickybar.css文件正确渲染和它引用的“样式”文件夹

来源

2013-07-25 20:13:47

在谷歌浏览器

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

，并跳转到你的网页，按“Ctrl + R “

希望能够解决您的问题干杯。

来源

2015-12-30 10:34:40 Shyam

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

如果您HTM/HTML文件被编码为UNICODE，你样式必须为好。

IE和Edge并不挑剔：无论编码如何，样式表都会呈现。Chrome浏览器完全不能容忍无法匹敌的编码。

在我发现在我的文本编辑器中发现我使用了不同的编码之前，我尝试了所有可以在互联网上找到的每个解决方案/建议。一旦我使用与网页相同的编码保存了样式表，问题就消失了。

来源

2016-06-14 04:53:01 Bluez

太棒了！这解决了我的问题 – gordon613

有些时候你很快就编码了。这个原因使浏览器加载html/CSS样式有些问题。例如考虑一下。此代码使我成为一个问题，当我从chrome打开这个代码时。

 table,th,td{ 
      border-collapse: collapse; 
      border: 2 solid blueviolet; 
     }

此代码我用于给风格的表。这段代码比下面的代码短。但下面的代码是上面代码的扩展，它工作得很好。考虑下面的代码，你可以尝试这两种代码。

 table,th,td{ 
      border-collapse: collapse; 
      border-color: blueviolet; 
      border-style: solid; 
      border-width: 1px 
     }

来源

2017-07-18 04:31:46

CSS在Chrome中不工作

回答

相关问题