同样的 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 类型。

永夜

View Comments