Html 未在Safari中加载CSS文件_Html_Css_Twitter Bootstrap_Safari

Html 未在Safari中加载CSS文件

html css twitter-bootstrap safari

Html 未在Safari中加载CSS文件,html,css,twitter-bootstrap,safari,Html,Css,Twitter Bootstrap,Safari,所以我有一个网页，可以在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 (R

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

其次，头标签中有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>

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

有什么想法吗？

问题解决了

我使用的是WEBrick Ruby服务器。显然有一个bug设置了不正确的内容长度头

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

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

http://104.131.6.40:9001/p/1