Windows版Chrome忽略/移除CSS媒体查询问题求助

• 检查Chrome的缩放级别：用户不小心调至非100%缩放时，部分Chrome版本会异常处理媒体查询的视口计算，直接导致规则失效。让同事按Ctrl+0重置缩放为100%，再强制刷新页面（Ctrl+Shift+R）。
• 验证视口元标签：确认该子域页面是否正确添加了<meta name="viewport" content="width=device-width, initial-scale=1.0">，若缺失或属性配置异常（如user-scalable=no），Chrome的视口解析逻辑和Firefox存在差异，可能导致媒体查询不生效。
• 重置Chrome实验性Flags：让同事在地址栏输入chrome://flags/，点击顶部“重置所有为默认”，重启Chrome后测试。部分手动修改的CSS/视口相关flags可能引发特殊兼容问题。
• 清理子域站点数据：Chrome针对该子域的缓存（如CSS缓存、视口相关本地存储）可能损坏。操作路径：设置→隐私和安全→网站设置→查看所有网站数据和权限→搜索该子域名并删除所有数据，再强制刷新页面。
• 核对Parcel打包配置：检查同事的Chrome版本（设置→关于Chrome），确认Parcel打包时是否针对该版本Chrome做了错误的兼容性处理，比如autoprefixer配置误过滤媒体查询，或打包过程中出现了针对特定子域的异常输出。
• 关闭设备模拟模式：确认开发者工具未处于移动端模拟状态，也没有手动固定视口大小。关闭开发者工具后刷新页面，避免模拟模式的视口设置干扰正常渲染。
• 检查Windows系统显示缩放：Windows系统的显示缩放（如125%、150%）可能影响旧版本Chrome的视口计算。让同事右键桌面→显示设置→缩放与布局，调回100%，重启Chrome后测试。

内容的提问来源于stack exchange，提问作者BlueM