尝试了 Edge、Firefox、Brave 和 Chrome。它们都没有显示正确的移动视图，我正试图修改移动下拉菜单，但它显示的是桌面视图菜单。
在我的 iPhone Safari 上，Chrome 显示正常。
通常的方法是在 URL 末尾添加 ?mobile_view=1。Discourse 正朝着基于视口大小的响应式设计发展，因此根据主题的不同，此覆盖设置可能不再有效。
1 个赞
您指的是 navigation menu 站点设置吗？
1 个赞
我实际上认为这个功能不幸的是在几天前被移除了：
3 个赞
是的，?mobile_view=1 已是旧版 并且被认为是弃用的——新的移动端样式已于去年启用：
不确定您在自己的论坛上做了哪些自定义设置，但我无法在任何实例或设备上重现此问题。在安全模式下会这样吗？
4 个赞
我设法让它在 Chrome 上显示移动视图，但在 Firefox、Edge 或 Brave 浏览器上仍然无法显示移动视图。
我是否需要在所有移动代码中设置视口断点？我需要将它放在移动部分吗？我的大部分移动 CSS 只是颜色更改、标题图标和侧边栏宽度、表情符号/字体大小。所以似乎我不需要任何特定的视口设置。
我已经成功修复了需要的代码：
/* ==========================================================================\n 移动端下拉菜单 - 活动状态\n ========================================================================== */
/* 1. 强制活动链接文本为黑色 */
.d-modal__body .dropdown-menu li.active a,
.d-modal__body .dropdown-menu li.active {
color: #000000 !important;
}
/* 2. 触摸特定反馈 (Discourse 标准) */
html.discourse-touch {
/* 手指按压时将文本变为黑色 */
.d-modal__body .dropdown-menu li a:active {
color: #000000 !important;
}
}
/* 3. 确保其他导航项遵循规则 */
.dropdown-menu li a {
transition: color 0.1s ease;
}