在某些浏览器中未加载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框架

回答

相关问题