在某些瀏覽器中未加載Rails外部css框架

我有一個Rails 4應用程序，我正在使用purecss框架爲網格和其他一些項目。（http://purecss.io）。我也有相當多的自定義CSS。在某些瀏覽器中未加載Rails外部css框架

在生產中，我的CSS正在工作，除purecss部分外，只在firefox和chrome中。 Safari工作正常，在開發中，所有瀏覽器都可以正常工作。

不知道如何排除故障，生產日誌似乎沒有顯示任何錯誤。我試過再次預編譯資產。佈局

頭部/ application.html.erb

<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/pure/0.3.0/pure-min.css"> 

<%= stylesheet_link_tag "application", media: "all", "data-turbolinks-track" => true %> 
<%= javascript_include_tag "application", "data-turbolinks-track" => true %> 
<%= csrf_meta_tags %> 

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

application.css.scss

* 
*= require_self 
*/ 

@import "reset.css.scss"; 
@import "main.css.scss"; 
@import "signin.css.scss"; 
@import "flash.css.scss"; 
@import "gmaps4rails.css"; 
@import "library.css.scss"; 
@import "mobile.css.scss"; 
@import "charges.css.scss"; 
@import "flash.css.scss"; 
@import "pages.css.scss";

編輯更

挖掘一下節目我離開了一些重要項目。

該網站是https，這是我第一次使用ssl，所以它有點滑倒我的思想。 Chrome的控制檯顯示

[blocked] The page at ####### ran insecure content from http://yui.yahooapis.com/pure/0.3.0/pure-min.css. 

[blocked] The page at ####### ran insecure content from http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,300italic.

所以我想在不同的瀏覽器有不同的安全設置。 STill不知道如何解決。我可以下載purecss庫並託管自己，但這不可能是最好的解決方案，我該如何處理谷歌字體？

來源

2013-11-21 RIch English

您應該能夠使用stylesheet_link_tag，只是通過它你試圖加載CSS的網址...

stylesheet_link_tag "http://yui.yahooapis.com/pure/0.3.0/pure-min.css"

見the stylesheet_link_tag API文檔獲取更多信息。我不是100％肯定這會解決你的問題，但它值得一試。

來源

2013-11-21 21:40:50 CDub

作出了改變，但沒有運氣，仍然是同樣的問題。 –

Chrome中的檢查器是否顯示CSS正在返回200？ – CDub

謝謝，Chrome顯示了一些不安全的錯誤消息，我在上面編輯了我的問題。 –

在某些瀏覽器中未加載Rails外部css框架

回答

相關問題