哪个浏览器能正确加载移动端显示？

支持
6

我设法让它在 Chrome 上显示移动视图，但在 Firefox、Edge 或 Brave 浏览器上仍然无法显示移动视图。

我是否需要在所有移动代码中设置视口断点？我需要将它放在移动部分吗？我的大部分移动 CSS 只是颜色更改、标题图标和侧边栏宽度、表情符号/字体大小。所以似乎我不需要任何特定的视口设置。

image
image642×369 13.5 KB

我已经成功修复了需要的代码：

/* ==========================================================================\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;
}