CloudFront提供的CSS文件沒有渲染

這是一個奇怪的問題，但我認爲我已經做了一些沿着這條線的最終目標，結束了這種現狀。CloudFront提供的CSS文件沒有渲染

嘗試從CloudFront提供靜態文件（圖像，css & js）時，它們似乎無法正確呈現。例如，我的一個樣式表可以在這裏找到：http://d21uvxjmc903qz.cloudfront.net/stylesheets/hf.4fabc9c719f8.css，但它似乎並沒有像我期望的那樣被「應用」到DOM。（例如，尋找在Chrome或Firefox開發者工具在Firebug相關樣式不應用於<header>元素。

望着響應頭，它看起來像Content-Type設置正確，所以我很太多的想法。

在哪裏接下來看看有什麼建議？

來源

2011-10-03 philipk

你有鏈接到網站使用它？ –

我假設你在[以正確的方式]在你的HTML中包含它（http://www.htmldog.com/guides/cssbeginner/applyingcss/）。 – Alex

很確定我包括它正確的方式，我使用Django和唯一的變化是我指的URL。（例如，我的本地機器沒有問題，沒有任何問題，它在雲環境中的服務很奇怪） – philipk

的問題很可能是錯誤的內容類型的S3存儲桶。我有同樣的煩惱，並更改內容類型的固定問題我將text/plain改爲text/css，然後正確顯示樣式。

enter image description here

來源

2012-05-02 00:49:52 TimDog

我遇到了同樣的問題，併爲我解決了這個問題。 –

謝謝TimDog！爲我解決了2小時以上的問題。你是男人！ – ac360

剛從我們認爲服務不正確的cloudfront提供的CSS文件出現問題。該問題最終成爲背景的url值中未引用的單引號。

background: url(//xxxxx.cloudfront.net/img/flags48/Cote%20d'Ivoire.png) no-repeat}

一旦我們%27取代'，CSS的問題已修復。

background: url(//xxxxx.cloudfront.net/img/flags48/Cote%20d%27Ivoire.png) no-repeat}

來源

2015-10-12 19:25:33

對於我的鏈接不能HTTP卻不得不爲https：// .. 它的工作對我來說，當我在HTML文件中該修改這個

<link rel="stylesheet" href="w3.css">

：

<link rel="stylesheet" href="https://s3.amazonaws.com/yourFolder/w3.css">

希望有幫助。

來源

2016-11-24 15:36:24 pascati

CloudFront提供的CSS文件沒有渲染

回答

相關問題