智能手机上缺少多个用户菜单项

您好。新用户在此,只是为了发布此消息,所以如果这是重复的,我很抱歉(尽管我没有找到任何相关内容)。

在 Discourse 2.8.0 中,用户菜单似乎存在一个问题,无论是在实际的智能手机(屏幕尺寸为 375px x 667px)还是在虚拟设备(Firefox 的响应式设计模式)上:据我所见,div id=“quick-access-profile” ul 的 flex 样式导致某些元素在小屏幕上无法显示。

以下是一个来自 discuss.pixls.us(但在此网站上也有)的示例,是用实际智能手机拍摄的:

据我所知,flex 样式似乎将第一列强制设置为几乎与视口一样宽,导致那些不适合垂直空间的元素被显示在屏幕外(向右)。

有趣的是,在我的智能手机上,在纵向视图中无法访问注销元素,而在 Firefox 的响应式设计模式下,情况则相反(在横向视图中我无法访问注销元素)。

希望这有帮助。

2 个赞

这是横屏视图(因为我是新用户,无法在一篇帖子中发布两张图片):

4 个赞

感谢您提供详细的报告!听起来很准确。我们会修复它。

4 个赞

此处已修复:

4 个赞

好的 :smile:

现在在我的智能手机上似乎可以用了,尽管我不太明白这个:

(来自 github)
增加断点并减小内边距以获得完全覆盖。仅适用于非常小的设备(甚至小于 iPhone SE)

我猜你指的是第二代 iPhone SE(基于 iPhone 8),但我的 iPhone 7 分辨率(视口)完全相同,而且它似乎也得到了修复。所以我想这个修复也适用于 iPhone SE。

总之,现在已经解决了。再次感谢。

1 个赞