如何禁用HTML邮件中触发汉堡菜单的媒体查询规则？

要彻底取消小屏幕下的菜单折叠功能，直接修改以下几个关键部分即可：

1. 删除或注释触发折叠的媒体查询规则 #

找到CSS中针对屏幕宽度小于660px的@media规则块，直接删除整个规则，或者用注释包裹起来。示例：

/* 把这段折叠相关的媒体查询删掉或注释 */
@media screen and (max-width: 659px) {
  .desktop-nav {
    display: none !important;
  }
  .hamburger-btn {
    display: block !important;
  }
  /* 其他和菜单折叠相关的样式 */
}

2. 强制横向菜单始终显示 #

确保原本的横向菜单（比如类名为.desktop-nav的元素）在所有屏幕尺寸下保持可见，补充或修改样式：

/* 强制横向菜单一直显示，覆盖任何隐藏规则 */
.desktop-nav {
  display: block !important;
  /* 保留原本的横向布局样式，比如flex、inline-block等 */
}

3. 隐藏或移除汉堡菜单元素 #

如果HTML里有专门的汉堡菜单按钮/容器（比如带.hamburger-btn类的元素），要么直接从HTML代码里删除这段元素，要么给它加永久隐藏的样式：

.hamburger-btn {
  display: none !important;
}

4. 移除菜单交互脚本（如果存在） #

如果邮件里加了控制汉堡菜单展开/收起的JavaScript代码（比如点击事件监听），直接删掉这段脚本即可。

额外提示 #

HTML邮件对CSS支持有限，所有修改的样式尽量用!important强制生效，或者直接写在元素的style属性里，避免被邮件客户端忽略。

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