我有一个Rails 4应用程序，我在其中将purecss框架用于网格和其他一些项目。 （http://purecss.io）。我也有很多自定义CSS。
在生产中，除了purecss零件外，我的css正常工作，仅适用于Firefox和chrome。 Safari可以正常运行，而在开发人员中，所有浏览器都可以正常运行。
不确定如何解决问题，生产日志似乎没有显示任何错误。
我已经尝试过再次预编译资产。
layouts / 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.
因此，我猜想不同的浏览器具有不同的安全设置。仍然不确定如何解决。我可以下载purecss库并自己托管，但这不是最好的解决方法，我该如何处理Google字体？
最佳答案
您应该能够使用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％会解决您的问题，但是值得一试。