# 改进移动/桌面模式的自动切换

**URL:** https://meta.discourse.org/t/improving-automatic-switching-of-mobile-desktop-modes/384280
**Category:** Development
**Tags:** dev-news
**Created:** [2025 年9 月 29 日 18:49 UTC](https://meta.discourse.org/t/improving-automatic-switching-of-mobile-desktop-modes/384280 "2025-09-29T18:49:12Z")
**Posts on this page:** 1
**Showing post:** 1

<div class="post-metadata">

### Author: ![david](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/david/32/157490_2.png) [@david](https://meta.discourse.org/u/david)
#### Post date: [2025 年9 月 29 日 18:49 UTC](https://meta.discourse.org/t/improving-automatic-switching-of-mobile-desktop-modes/384280/1 "2025-09-29T18:49:12Z")

</div>

历史上，Discourse 曾为移动设备和桌面设备提供两种不同的视图。多年来，这些视图已趋向于采用更现代的基于视口宽度的设计。这些现代模式记录在[此处](https://meta.discourse.org/t/367810)。

在[最新版本的 Discourse](https://github.com/discourse/discourse/pull/35036) 中，我们将用纯粹基于视口宽度的解决方案替换基于用户代理的移动/桌面模式检测。这将使用户和开发人员的体验更加直观。特别是，这对平板电脑用户来说是一个显著的改进，因为他们以前从未真正适应这两种旧模式。

所有在模板/JS 中引用 `mobileView`/`desktopView` 或在 CSS 中引用 `.mobile-view`/`.desktop-view` 的现有代码将继续工作。这些 JS 布尔值和 CSS 类现在会根据浏览器的宽度自动更改。

同样，专用的移动/桌面样式表现在会加载带有 `media=` 属性的样式表，以便它们仅适用于特定的视口宽度。

本质上：“移动模式”现在是“浏览器宽度小于 `40rem`”的别名。

最初，可以通过将“基于视口的移动模式”站点设置切换为 `false` 来撤销此更改。但是，此设置将在不久的将来被删除。因此，如果您发现需要使用它，请告知我们原因。

一如既往，如果您有任何问题或反馈，请在下方告知我们。

---

_[View the full topic](https://meta.discourse.org/t/improving-automatic-switching-of-mobile-desktop-modes/384280)._