Question

所以我有一个网页，可以在Chrome＆amp; 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

其次，标头标签中有3个不同的CSS文件。

Bootstrap（来自CDN）
Google字体
自定义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中访问它，你会看到我在说什么。

任何想法发生了什么？

Answer 1

问题解决了

我使用的是WEBrick（Ruby）服务器。显然有一个错误设置了一个不正确的Content-Length标题。

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

解决方案是使用thin代替，现在它可以正常工作。

CSS文件未在Safari中加载

1 个答案: