CSS 不会在 Firefox、IE、Edge 中加载，但在 Chrome 中可以正常工作答案

【问题标题】：CSS won't load in Firefox, IE, Edge, but works fine in ChromeCSS 不会在 Firefox、IE、Edge 中加载，但在 Chrome 中可以正常工作
【发布时间】：2018-07-15 19:29:17
【问题描述】：

我正在开发一个网站，并一直在使用 Chrome 进行测试。当我在多个浏览器中测试该站点时，在本地开发环境中查看该站点没有问题。今天，我准备启动该网站。我传输我的文件，将文件放到网上，发现我的 CSS 只在 Chrome 中有效，在其他浏览器中无效。为什么？

Firefox 错误消息：“无法加载样式表。”

Explorer 错误消息：（显然没有消息）

链接到 CSS 文件的代码：

<link rel="stylesheet" type="text/css" href="../style/style.php">

这个样式表与我以前制作的任何其他样式表没有什么特别之处，但我使用的托管计划是我以前从未使用过的。

【问题讨论】：

style.php 是css文件吗？
你的样式表是.php正常吗？
@TylerH - 我想我是猴子的叔叔。纯 CSS 有效。我不确定这个托管环境有什么不同，它给我一个问题，但没有其他办法，但解决方案就是解决方案！谢谢各位！
为了它的价值：我在whatwg.org/html 上搜索了“文件扩展名”，唯一提到的是与上传和下载文件有关，以向用户显示正确的另存为/打开窗口。
几年前我也曾将 PHP 脚本作为 text/css 提供服务，并且可以证明它可以工作。事实上，我只是花了最后 10 分钟将demo 放在一起，以表明它确实对我有用。这听起来像是配置错误的脚本或配置错误或限制性的服务器。我们确实需要查看您的脚本及其发出的 HTTP 响应，至少是重要的位（它如何发送 Content-Type 标头，是否有任何错误等）。

标签： css google-chrome internet-explorer firefox microsoft-edge

【解决方案1】：

虽然type="text/css" 导入声明的.php 文件扩展名没有问题，但最好确保文件中没有任何实际的PHP。出于安全、政策等原因，您的新托管服务提供商也可能要求 CSS 文件使用 .css 扩展名。

通常，当浏览器在这种情况下遇到不可接受的文件时，它们会出错并显示 406 响应代码。奇怪的是，Chrome 没有给您带来问题，而其他浏览器却有。

无论如何，切换到带有 .css 扩展名的纯 CSS 文件应该会让所有浏览器都满意，因为我们知道该方法适用于每个浏览器。

【讨论】：

我发现 PHP 在制作样式表时非常有用：您可以在页面顶部设置颜色，当您决定更改它时，只需更改一次变量而不是 50 . 厌倦了计算width=width-padding？让工作表为您完成。想让您的用户更改他的页面功能吗？他可以保存一些变量，PHP 可以稍后拉取它们。我以为每个人都在这样做。
@Truth 这在 PHP 中可能很常见（自 2008 年或 2009 年以来，我已经尽可能避免它像瘟疫一样），但是现在人们在像 Sass 这样的预处理器中编写 CSS 代码，提供变量、循环等类似的东西，然后在被 Web 浏览器处理之前编译成更详细的 CSS。当然，这些天来，vanilla CSS 支持变量和其他强大的工具！
@TylerH - 你能告诉我这可能构成的任何特定安全威胁吗？我不怀疑新的托管环境出于安全原因禁止了这种做法，但我不知道如何利用它。如果是安全问题，我需要确保我回去锁上几扇门。
@Truth 我个人并不精通安全威胁（我不是独立的 Web 开发人员，也从未在安全团队工作过），但我知道这个主题通常被称为 CSS注射。如果您在以前的 PHP 文件中编写过纯 CSS，那么您可能是安全的。如果是安全限制，我敢打赌，它是覆盖托管服务提供商的尾巴而不是客户的尾巴。