遠程css從本地文件不起作用？

我有一個CSS文件在本地和遠程。我在地址欄中加載一個本地html文件（即c：\ temp \ index.html）。我使用Firefox。

文件集「HTML」，「體」和2周的div至100％的高度（身高：100％）

當我鏈接到本地的css文件，一切工作正常。當我鏈接到遠程文件時，它看起來像高度風格（至少）不起作用。當我嘗試在javascript中獲取body元素的offsetHeight屬性時，我看到了這一點。

什麼可以這樣做的原因？

我鏈接使用遠程站點： <link rel="stylesheet" media="screen, projection" href="https://raw.github.com/SirPepe/Pik5/master/assets/css/pik5.css">

（本地文件的DOCTYPE HTML是）

測試：克隆https://github.com/SirPepe/Pik5，加載本地index.html文件。然後將其更改爲<link rel="stylesheet" media="screen, projection" href="assets/css/pik5.css">變爲<link rel="stylesheet" media="screen, projection" href="https://raw.github.com/SirPepe/Pik5/master/assets/css/pik5.css">。刷新看幻燈片不再正確設置

注意：使用Firebug我看到的CSS文件加載

來源

2011-06-12 IttayD

請告訴你如何鏈接到遠程CSS – 2011-06-12 12:14:30

通過「本地」你的意思是像'HTTP：//本地主機/ file.html'或只是雙擊Windows資源管理器的HTML文件？ – 2011-06-12 12:15:53

需要更多信息和代碼 – 2011-06-12 12:16:19

所以，做一些挖掘之後，它看起來好像你的CSS文件將被鏈接，但沒有你的風格實際應用。這使我相信還有其他事情正在發生。我通過驗證程序運行你的HTML，沒有發現任何具體的，而是通過驗證運行你的github上的CSS的時候，我得到這樣的響應：

I/O錯誤：未知的MIME類型：text/plain的

它看起來像github發送內容類型HTTP標頭，說你的樣式表文件的文本/純文本，而不是文本/ CSS。您可以簡單地在您的html文檔中爲該樣式錶鏈接定義type="text/css，但除此之外，由於您無法訪問其MIME類型設置，因此我不確定如何解決此問題。

看到類似的問題在這裏：Add mime type to HTML link

來源

2011-06-12 15:07:29

戴夫的職位確實能說明問題。這是解決方案。您需要使用http://rawgithub.com而不是http://raw.github.com。是的，沒錯，只需要放下.！

的問題是，Github上不能達到其「原始」的文件用正確的MIME類型，讓你熱鏈接它們。輸入Ryan Grove，他創建了rawgithub.com網站來解決此問題。當你打開它的服務器請求一個文件時，它將從Github的服務器獲取該文件，併爲你修正MIME類型。

警告：這是不是用於生產。僅用於演示和開發。

來源

2013-12-14 21:47:29 iconoclast

非常感謝！真的工作。 – Chirag 2016-05-12 05:24:05

遠程css從本地文件不起作用？

回答

相關問題