Bug随记

今天遇到一个这样的Bug，写了一个html邮件模版，但是切换到移动端后，页面一直显示宽度是980px，就算把内部元素删除完还是980px

原因：由于这个文件是chatGPT生成的，所以就没有在head标签中添加

 <meta name="viewport"
    content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover" />

• 不加 viewport 标签，浏览器默认宽度为 980px，PC端默认视口宽度；
• viewport-fit=cover 是为了适配 iPhone X 等刘海屏的 safe-area；
• 加了 viewport 标签，页面宽度会等于设备屏幕的宽度。