针对 CSS 文件因 Content-Type 差异导致界面不一致的问题，文章分析了基于 mime_content_type 的检测实现，并介绍了如何替换为使用 league/mime-type-detection 的方案。新实现优先按内容检测，回退到按扩展名检测。测试结果显示生成的 Content-Type 符合预期，同时针对扩展名不存在返回 null 的情况进行了必要的回退处理。
同一 CSS 文件的 Etag 相等，但响应头 Content-Type 不同会导致网页界面差异。当 Content-Type 为 text/plain;charset=UTF-8 时，界面显示错乱；将其修改为 text/css 后，界面恢复正常。参考文档指出，浏览器解析 CSS 需指定 MIME 为 text/css，若服务器将其识别为 text/plain 等类型，浏览器通常会忽略文件样式。
👨💻 个人品牌
王世强｜PHP / Go 技术顾问
15+ 年 Web 后端开发经验，专注于系统维护、架构优化、性能调优及 Linux 运维。
持续运营技术博客 10+ 年，累计发布 1000+ 篇原创技术文章。
为创业团队、中小企业及独立开发者提供长期技术支持与远程合作服务。
.env (14) 404 (13) add (16) AI 翻译 (23) Apache (13) Array (19) A Tour of Go (37) Cache (13) CentOS (23) chrome (19) Cloudflare (28) Codex (14) composer (42) composer.json (22) composer install (13) composer update (14) console (16) Container (25) curl (15) delete (31) Docker (32) Dockerfile (15) EdgeOne (30) environment variable (19) error (24) Failed (13) file (15) filter (20) Git (27) GitHub (20) Gitlab (15) GLM-5.2 (26) Go (49) Google AdSense (22) Go 语言 (20) GraphQL (24) GraphQL API (14) Gutenberg (32) http (21) https (22) Interface (19) Jquery (13) json (24) Laravel (37) Laravel 6 (55) Laravel 9 (25) Lighthouse (17) Lighthouse 5 (14) Linux (21) Migrate (13) Module (17) MySQL (78) MySQL 5.7 (21) Nginx (62) normalize.css (28) OKX (15) OneinStack (20) PHP (67) php-fpm (18) php.ini (24) PHP 7.1.12 (22) PHP 7.4 (26) phpmyadmin (15) PhpStorm (24) Polylang (57) postman (18) Query (17) queue (16) Rancher (24) Redis (48) response (13) RESTful (27) RESTful API (23) Shell (13) Shopify (19) SlyTranslate (20) SQL (24) String (14) TortoiseGit (14) Twenty Twenty-Five (20) Ubuntu (40) update (20) VPN (17) W3 Total Cache (35) Windows 10 (46) WireGuard (27) WordPress (123) WordPress 多语言 (13) WPCode (23) Wstunnel (14) Yii (40) Yii 2 (70) Yii 2.0 (51) 命令行 (13) 多语言翻译 (21) 技术博客 (15) 故障排查 (14) 数据库迁移 (16) 浏览器 (14) 阿里云 (19)
