移动折叠屏上的 UI 错误

v2026.2.0-latest +1 似乎引入了(至少在我的安装中)一个问题,即当折叠屏处于“宽”模式时,移动端渲染只在屏幕的一半(左半部分)显示帖子和内容

标题、页脚和列标题(“主题回复、查看活动”)都是全宽的

在 2 个站点上进行了测试,结果相同。在这里(meta)没有这个问题。

无论是在折叠还是展开状态下加载,都会出现相同的问题

可能不是 2026.2.0 引入的,我每周只更新一次

编辑,将类别从支持更改为错误

您在安全模式下试过吗?

2 个赞

好问题,我之前没有遇到过。

我现在遇到了同样的问题

(Firefox 和 Chrome,安卓最新版本)

这可能与根据视口大小决定桌面/移动视图的更改有关 :thinking:

我知道一位拥有可折叠手机的员工可以测试这个——我将尝试召唤他们……

之前有一个关于根据屏幕宽度而不是单独的移动模式来选择模式的讨论:

已将此移至用户体验 (UX),因为它具有功能性,只是不够理想。

这些元素可能正在使用不同(类型)的媒体查询。

我没有可折叠设备,所以测试/重现可能比修复更棘手。@Falco 你有吗?如果是,请给我发消息进行 CSS 协作 xD

1 个赞

我在我的 OnePlus Open 上看到的是这样:


对我来说一切看起来都不错。

1 个赞

@pmcpa 也表示这里没有问题

2 个赞

正确,在 Meta 上这里没有问题,但在我运行的两个自托管站点上存在问题。三星 Fold

更新以添加,一旦进入线程一切正常。

最好的做法是分享您的网站网址,以便人们可以查看。

如果您不想这样做,可以尝试禁用自定义设置,直到它正常工作为止。

2 个赞

给我发个私信,我会很乐意

我们不提供私信中的个人支持,抱歉。这仅限于我们的托管客户。

2 个赞

我理解您不想公开您的论坛。也许您可以在 https://discover.discourse.com/ 上找到遇到相同问题的另一个论坛并分享。

您也可以尝试 Meta 和 try.discourse.org 上的不同主题。不过,既然安全模式没有帮助,这似乎不太可能有所帮助。

也许是那个更改导致了问题。这是否在您两次更新之间的一周内发生?

您好 :waving_hand:

您遇到的问题是由新的基于视口的样式与旧的移动视图之间的冲突引起的。看起来您的管理员当前禁用了 Viewport based mobile mode(基于视口的移动模式)网站设置。

要解决此问题,只需在您的网站设置下启用该设置即可。这应该可以解决布局冲突。

3 个赞

我没有要求通过私信寻求支持,我要求将网址和登录信息发送给您,因为其中一个网站是非公开的,需要登录才能查看。

不过还是谢谢您。

我将尝试一下。希望这不会重新引入我在十月份报告的错误。