如何使用跨域动态生成的CSS

Question

我正在尝试最小化并缓存我们服务器上的所有CSS文件。我有一个运行良好的脚本，但只能在本地运行，我们的CSS文件托管在CDN上。它是一个动态生成的CSS文件，它的链接如下所示：

  

http://mysite.com/style/apiconnect,ui,ui_typography,ui_lists,ui_forms,ui_datatables,help,tutorials,achievementUnlocked,styles,content,calendar_select,common,content_print

每个项目都是一个不同的css文件，由后端的PHP脚本加载最小化并根据需要进行缓存。这一切都很好但我们的主站点不能使用它。 <link href="http://mysite/link" />不起作用，因为它根本没有加载。

我将标题类型设置为：

header("Content-Type: text/css; charset: UTF-8");
header('Access-Control-Allow-Origin: *');

主站点不会加载它。我有什么想法可以解决这个问题吗？

Answer 1

您应该使用：

<link rel="stylesheet" href="http://url" type="text/css" />

包括样式表。

<link rel="http://url">是包含样式的无效方法。另见：MDN: <link>