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中不工作

回答

相關問題