同样的 CSS 文件（其 Etag 相等），由于 响应的 Content-Type 的差异，进而导致网页界面的差异

1、同样的 CSS 文件（其 Etag 相等），其响应的 Content-Type 等于 text/css 时，网页界面正常。如图1

图1

2、同样的 CSS 文件（其 Etag 相等），其响应的 Content-Type 等于 text/plain; charset=UTF-8 时，网页界面错乱。如图2

图2

3、当 其响应的 响应的 Content-Type 修改为 text/css 后，网页界面正常显示。如图3

图3

4、参考：https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Basics_of_HTTP/MIME_types#textcss 。在网页中要被解析为 CSS 的任何 CSS 文件必须指定 MIME 为text/css。通常，服务器不识别以.css 为后缀的文件的 MIME 类型，而是将其以 MIME 为text/plain 或 application/octet-stream 来发送给浏览器：在这种情况下，大多数浏览器不识别其为 CSS 文件，直接忽略掉。特别要注意为 CSS 文件提供正确的 MIME 类型。