根本原因是DOCTYPE、box-sizing、viewport三者未统一配置;DOCTYPE须独占首行且无BOM或空格,box-sizing需全局设为border-box,viewport必须正确声明width=device-width及initial-scale=1.0。

响应式布局在不同浏览器里跑不一致,根本原因不是“写法错了”,而是基础环境没对齐——DOCTYPE、box-sizing、viewport这三样没配好,Flex/Grid 再标准也会错位。
DOCTYPE 必须独占第一行,且不能有 BOM 或空格
Chrome/Firefox 对此宽容,但 IE 和旧版 Edge 一旦检测到开头有 UTF-8 BOM、



















