Rails 外部 css 框架未在某些浏览器中加载

Question

我有一个 Rails 4 应用程序，我在其中使用 purecss 框架来处理网格和其他一些项目。 (http://purecss.io)。我也有相当多的自定义 CSS。

在生产中，我的 css 可以正常工作，除了 purecss 部分，而且只在 firefox 和 chrome 中。 Safari 工作正常，在 dev 中，所有浏览器工作正常。

不确定如何进行故障排除，生产日志似乎没有显示任何错误。 我再次尝试预编译资产。

layouts/application.html.erb 的head部分

<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.

所以我猜不同的浏览器有不同的安全设置。仍然不确定如何修复。我可以下载 purecss 库并自己托管，但这不是最好的解决方法，我该如何处理 google 字体？

Answer 1

您应该能够使用 stylesheet_link_tag 并将您尝试加载的 CSS 的 URL 传递给它...

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

有关详细信息，请参阅 the stylesheet_link_tag API 文档。我不能 100% 确定这会解决您的问题，但值得一试。