Safari 中未加载 CSS 文件答案

【问题标题】：CSS File Not Loading in SafariSafari 中未加载 CSS 文件
【发布时间】：2014-11-09 22:34:20
【问题描述】：

所以我有一个可以在 Chrome 和 Firefox 中正常加载的网页。

但在 Safari 中，它只加载 2/3 的外部（链接）CSS 文件。未加载的文件是我自己的自定义 CSS 文件。

首先，我检查了该自定义 CSS 文件的 HTTP 响应标头，它们看起来像这样：

HTTP/1.1 200 OK 
Content-Type: text/css;charset=utf-8
X-Content-Type-Options: nosniff
Transfer-Encoding: chunked
Server: WEBrick/1.3.1 (Ruby/2.1.2/2014-05-08)
Date: Tue, 16 Sep 2014 08:30:46 GMT
Content-Length: 3387
Connection: Keep-Alive

其次，header标签里面有3个不同的CSS文件。

引导程序（来自 CDN）
谷歌字体
自定义 CSS

这是标题标签：

<head>
<link href='//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css' rel='stylesheet'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans|Laila:700' rel='stylesheet' type='text/css'>
<link href='http://104.131.6.40:9001/assets/app.css' rel='stylesheet'>
<..snip..>
</head>

前 2 个样式表似乎可以正常加载（因为页面显示为引导页面），但第三个样式表肯定没有加载。

网址是：

http://104.131.6.40:9001/p/1

如果你在 Safari 中访问它，你会明白我在说什么。

有什么想法吗？

【问题讨论】：

是什么让你觉得它没有加载？
您是否尝试过在其他地方托管 css？只是看看它是否是 Safari 无法访问 css。
@Rvervuurt 我认为这是网络服务器的问题，因为页面上的图像也没有加载。
但是在Chrome中打开页面时它们正在加载，所以这似乎是与访问相关的事情。

标签： html css twitter-bootstrap safari

【解决方案1】：

问题解决了

我使用的是 WEBrick (Ruby) 服务器。显然那里有一个错误，它设置了一个不正确的 Content-Length 标头。

https://github.com/rack/rack/issues/618

解决方案是改用瘦，现在效果很好。

【讨论】：