Composer 打开时溢出

iPhone 8 的截图:打开编辑器时,界面略微调整大小后,右侧内容溢出屏幕。可以看到“预览”按钮完全被隐藏。

我在 iPhone 8 上测试正常。:thinking:

已录制屏幕。

您安装的是哪个版本的 iOS?

版本为 14.4.2

@设计师们,大家有什么想法吗?是否与手机上的中文区域设置有关?

1 个赞

系统语言已设置为英文,仅默认键盘为中文。如果将默认键盘也设置为英文,该问题仍然会出现。

1 个赞

您能确认一下在安全模式下是否仍然会出现此问题吗?

是的,启用安全模式后问题仍然存在。

我无法复现此问题。我观察到的是预期行为——与此处一致。

我在运行 iOS 13 的 iPhone 8 和运行 iOS 14 的 iPhone 11 上都进行了测试。

我没有运行 iOS 14 的 iPhone 8 可供测试,但这可能并非原因所在。

我注意到视频中的按钮似乎缺少一些样式。

在视频中,我看到了这个:

而我在 iPhone 8 上测试时,看到的是这个:

同样,与此处一致。

请注意缺失的背景。

这可能是某些样式表未加载的问题?可能是网络问题,也可能是其他原因,我不确定。

@th21 这是否仅在 Meta 上发生,还是其他网站也会出现?
您还有其他手机可以测试吗?

这将有助于我们进一步缩小问题范围。

1 个赞

这在我使用的另一个 Discourse 论坛上也会相当频繁地发生(那里的最小化编辑器箭头偶尔会跑到屏幕外)。不过,我恐怕不知道如何重现这个问题。

我使用的是 Honor 9,运行 Android 9 系统,并通过 Chrome 浏览器访问。

编辑: 抱歉,这可能是一个不同的问题。我刚才尝试了一下,发现对我来说,只有最小化箭头被推到了屏幕外,编辑器的右侧部分并没有受到影响。

我的情况似乎出现在回复标题较长的主题时。而且这似乎只影响我使用的另一个论坛,不影响 Meta 论坛。

这种情况发生在 Meta 和我自己用 Discourse 构建的论坛上。

在 iPhone XR(13.6.1)和 iPhone 6s(12.4.1)上也会出现。

我又录制了一段屏幕视频,注意到不仅是编辑器,整个页面的缩放比例都稍微大了一些。

我做了一些调查,发现这可能是由键盘引起的。页面本身会在键盘出现时放大。

我认为这可能与下面这个话题是同一个问题,因为我也看到在移动设备上点击搜索按钮时 UI 会放大。

另外,从这个答案来看,似乎如果我们保留 maximum-scale=1 并省略 user-scale 属性应该可以解决这个问题。