# 在横屏模式下，聊天在IPad/其他设备上无法使用

**URL:** https://meta.discourse.org/t/chat-doesnt-work-on-ipads-other-devices-in-landscape/365043
**Category:** UX
**Tags:** chat
**Created:** [2025年五月6日 19:09 UTC](https://meta.discourse.org/t/chat-doesnt-work-on-ipads-other-devices-in-landscape/365043 "2025-05-06T19:09:20Z")
**Posts on this page:** 12
**Page:** 1

<div class="post-metadata">

### Author: ![Earnie\_Baird](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/earnie_baird/32/380079_2.png) [@Earnie\_Baird](https://meta.discourse.org/u/Earnie_Baird)
#### Post date: [2025年五月6日 19:09 UTC](https://meta.discourse.org/t/chat-doesnt-work-on-ipads-other-devices-in-landscape/365043/1 "2025-05-06T19:09:20Z")

</div>

一些用户报告说他们无法在 iPad、三星 Fold 和其他设备上使用聊天功能。

测试一下：在 iPad 的纵向模式下，一切正常，频道显示在左侧窗格，当前频道或私信显示在右侧窗格。

但是，如果将设备切换到横向模式，您只会看到右侧窗格，并且没有可用的 UI 来离开频道（与手机不同，手机在顶部有一个带有频道名称的返回箭头）。

许多（大多数？）iPad 都以横向模式使用，因此这存在问题。

可能的解决方案：

- 能否为横向模式的 iPad 添加返回箭头？
- 或者，如果能以某种方式强制使用移动设备样式也可以。

非常感谢任何帮助。

 ![chat_ipad_landscape](https://global.discourse-cdn.com/meta/original/4X/0/0/4/004079a027431b4fcdbd02c16d689318f4d76777.jpeg)  
 ![chat_ipad_portrait](https://global.discourse-cdn.com/meta/original/4X/a/f/3/af3592faff447e046cc2684d4a1e403d5148f496.jpeg)

---

<div class="post-metadata">

### Author: ![Jagster](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jagster/32/192154_2.png) [@Jagster](https://meta.discourse.org/u/Jagster)
#### Post date: [2025年五月6日 19:28 UTC](https://meta.discourse.org/t/chat-doesnt-work-on-ipads-other-devices-in-landscape/365043/2 "2025-05-06T19:28:44Z")

</div>

10gen、最新的 iPadOS 和 DiscourseHub

 ![图片显示了一个论坛页面，其中包含关于减轻学生信息过载的芬兰语讨论。（由 AI 题注）](https://global.discourse-cdn.com/meta/original/4X/e/8/2/e8250ec88aec4e720c1724561b123789d5e6daf8.png)

 ![图片显示了一个名为“Katiskanko päästaytymässä”的芬兰论坛讨论串，成员们分享了他们与某个事件相关的经历和喜悦。（由 AI 题注）](https://global.discourse-cdn.com/meta/original/4X/e/e/3/ee3d2c172fa1eb05fc64571b1ea8404ff284ca7b.png)

---

<div class="post-metadata">

### Author: ![Earnie\_Baird](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/earnie_baird/32/380079_2.png) [@Earnie\_Baird](https://meta.discourse.org/u/Earnie_Baird)
#### Post date: [2025年五月6日 19:32 UTC](https://meta.discourse.org/t/chat-doesnt-work-on-ipads-other-devices-in-landscape/365043/3 "2025-05-06T19:32:29Z")

</div>

可以在 Safari 上展示一下效果吗？

我们的用户都不使用 Discourse Hub，而且可以猜到，对于大多数网站来说，使用 Discourse Hub 的用户所占的比例很小。

---

<div class="post-metadata">

### Author: ![Jagster](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jagster/32/192154_2.png) [@Jagster](https://meta.discourse.org/u/Jagster)
#### Post date: [2025年五月6日 19:35 UTC](https://meta.discourse.org/t/chat-doesnt-work-on-ipads-other-devices-in-landscape/365043/4 "2025-05-06T19:35:09Z")

</div>

完全一样。

 ![图片显示了一个芬兰语的网页论坛界面，其中包含用户评论，顶部有一个标题为“Katiska forumi”（K勇气 forumi）的菜单。（由AI配图）](https://global.discourse-cdn.com/meta/original/4X/6/c/d/6cd435bbc07c11088fd8c598d1c36589f2b68fd4.jpeg)

 ![图片是芬兰语互联网论坛“Katiskan foorumi”的屏幕截图，显示了关于处理令人不快评论的讨论。（由AI配图）](https://global.discourse-cdn.com/meta/original/4X/8/7/d/87d18f144f1856a44ca7b7e88139001d37352d3f.png)

---

<div class="post-metadata">

### Author: ![Earnie\_Baird](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/earnie_baird/32/380079_2.png) [@Earnie\_Baird](https://meta.discourse.org/u/Earnie_Baird)
#### Post date: [2025年五月6日 19:50 UTC](https://meta.discourse.org/t/chat-doesnt-work-on-ipads-other-devices-in-landscape/365043/5 "2025-05-06T19:50:15Z")

</div>

不确定该告诉您什么……这是我在 iPad Mini 上使用最新操作系统在 [meta.discourse.org](http://meta.discourse.org) 上使用聊天功能。其他人使用的是全尺寸 iPad 和其他设备。

截图不会说谎。一旦以横屏模式加入频道或私信，就无法离开，因为没有左侧导航栏，也没有频道名称上方的后退箭头。

 ![meta_ipad_1_portrait](https://global.discourse-cdn.com/meta/original/4X/3/8/b/38b3c603389ff2c20712f051f4bb09480887ba0b.jpeg)  
 ![meta_ipad_2_landscape](https://global.discourse-cdn.com/meta/original/4X/0/c/2/0c2561cde9f145eefd661eea7437d06addcb090a.jpeg)

---

<div class="post-metadata">

### Author: ![Jagster](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jagster/32/192154_2.png) [@Jagster](https://meta.discourse.org/u/Jagster)
#### Post date: [2025年五月6日 20:05 UTC](https://meta.discourse.org/t/chat-doesnt-work-on-ipads-other-devices-in-landscape/365043/6 "2025-05-06T20:05:50Z")

</div>

或许你可以试试开启“聊天独立侧边栏模式”？

因为即使在这里，布局也和我之前展示的一样——但确实，当屏幕较小（比如迷你设备）或使用的是 Safari 的侧边栏时，这里的侧边栏不会保持打开状态。

我不确定这是否算作 bug，但更像是 #Contribute > UX（贡献：用户体验）方面的问题。

---

<div class="post-metadata">

### Author: ![chapoi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chapoi/32/537252_2.png) [@chapoi](https://meta.discourse.org/u/chapoi)
#### Post date: [2025年五月14日 09:05 UTC](https://meta.discourse.org/t/chat-doesnt-work-on-ipads-other-devices-in-landscape/365043/9 "2025-05-14T09:05:56Z")

</div>

我也无法重现这些问题，但让我们先尝试最明显的一个：

> [@Earnie\_Baird](#):
>
> 截图不会说谎。一旦以横屏模式加入频道或私信，就没有办法离开了，因为顶部频道名称附近没有左侧导航栏或后退箭头。
> 
> ![CleanShot 2025-05-14 at 11.03.21](https://global.discourse-cdn.com/meta/original/4X/8/f/6/8f6cb64d0311ef3f659d804ab037a17166e4b94c.jpeg)

如果上面的截图来自平板电脑，那么您似乎在使用桌面版本，这可以解释在某些设备/视口上出现的情况。您可以点击那个小手机图标，看看这是否能解决您的问题？

---

<div class="post-metadata">

### Author: ![j.jaffeux](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/j.jaffeux/32/60297_2.png) [@j.jaffeux](https://meta.discourse.org/u/j.jaffeux)
#### Post date: [2025年五月14日 09:48 UTC](https://meta.discourse.org/t/chat-doesnt-work-on-ipads-other-devices-in-landscape/365043/11 "2025-05-14T09:48:28Z")

</div>

@Earnie_Baird 您确定您不是在移动设备上使用桌面版本吗？

---

<div class="post-metadata">

### Author: ![Lilly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lilly/32/575047_2.png) [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [2025年五月14日 13:01 UTC](https://meta.discourse.org/t/chat-doesnt-work-on-ipads-other-devices-in-landscape/365043/13 "2025-05-14T13:01:04Z")

</div>

> [@Earnie\_Baird](#):
>
> 可以在 Safari 上展示一下效果吗？

最新 iOS 上的 Safari

横屏：

 ![IMG_2090](https://global.discourse-cdn.com/meta/original/4X/7/8/0/780d7501142e221add4c924be946ee0f4990f8c5.jpeg)

竖屏：

 ![IMG_2089](https://global.discourse-cdn.com/meta/original/4X/4/a/b/4ab31dd244638f0e4f85b563a9267bcfc619798b.jpeg)

---

<div class="post-metadata">

### Author: ![Earnie\_Baird](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/earnie_baird/32/380079_2.png) [@Earnie\_Baird](https://meta.discourse.org/u/Earnie_Baird)
#### Post date: [2025年五月14日 13:15 UTC](https://meta.discourse.org/t/chat-doesnt-work-on-ipads-other-devices-in-landscape/365043/14 "2025-05-14T13:15:49Z")

</div>

是的 @joffreyjaffeux - 我确信桌面没有在手机上使用。在我的讨论网站的手机版本上，我使用了由 @chapoi 提供的精彩的聊天气泡组件，并且它在手机上运行得非常顺利。

问题是，iPad总是显示桌面版本而不是手机版（正如你在我这张网站截图中看到的那样）。我希望有一种方法可以强制iPad或横屏设备使用手机版，但我不知道该怎么做。

另外 @chapoi - 为了回答你上面的问题，当人们用横屏使用iPad时，他们几乎看不到整个左侧栏，以便点击那个小的移动图标（看我上面的截图）。

---

<div class="post-metadata">

### Author: ![chapoi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chapoi/32/537252_2.png) [@chapoi](https://meta.discourse.org/u/chapoi)
#### Post date: [2025年五月14日 14:27 UTC](https://meta.discourse.org/t/chat-doesnt-work-on-ipads-other-devices-in-landscape/365043/15 "2025-05-14T14:27:46Z")

</div>

> [@Earnie\_Baird](#):
>
> 另外 @chapoi - 回答你上面的问题，当人们横屏使用 iPad 时，他们永远看不到整个左侧栏，也就无法点击那个小小的移动图标（见我上面的截图）。

奇怪的是，它默认显示为桌面视图，但他们仍然应该可以通过右上角的菜单图标打开侧边栏，然后在底部找到那个小小的移动图标。

---

<div class="post-metadata">

### Author: ![Earnie\_Baird](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/earnie_baird/32/380079_2.png) [@Earnie\_Baird](https://meta.discourse.org/u/Earnie_Baird)
#### Post date: [2025年五月21日 19:01 UTC](https://meta.discourse.org/t/chat-doesnt-work-on-ipads-other-devices-in-landscape/365043/16 "2025-05-21T19:01:01Z")

</div>

所以我得到了一个更大的iPad，它在如上截图所示的横屏模式下，左边的导航栏/栏正确显示。

问题是如果屏幕不够宽（比如iPad mini、三星折叠等），它就会将左边的导航栏裁剪掉。

理想情况下，在那个断点处，它会自动切换到手机布局。

基本上就是这类设备大小介于手机和普通平板电脑之间的集合，它们目前就无法正常工作。