新 /about 横幅在移动设备上被裁切

用户体验
1

早上好！

我注意到，在移动设备（iPhone 13 Pro、Google Chrome，但这应该没有区别）的 /about 页面上

image
image421×911 52.7 KB

这可能是故意的，而且无法修复，不过，我还是在这里提一下 :slight_smile:

3 个赞
2

可以在 Android A14、Chrome 上复现。
我认为原因是这是一个图片，无法换行。可能不是故意的。

3 个赞
5

新的关于横幅 ATM 更适合桌面版。

将此添加到您的自定义 TC 中的移动 CSS：

.about__banner {
  width: calc(120%);
  max-width: 392px;
  margin-left: -0.50em;
  padding-bottom: 0.5em;
}

在图片中，有一个名为“Xtropolis.one”的服务的宣传广告，该服务似乎与虚拟现实技术有关。广告展示了各种鲜艳的霓虹灯和未来主义元素，暗示着尖端科技主题。（由 AI 标注）
在图片中，有一个名为“Xtropolis.one”的服务的宣传广告，该服务似乎与虚拟现实技术有关。广告展示了各种鲜艳的霓虹灯和未来主义元素，暗示着尖端科技主题。（由 AI 标注）864×1614 84.1 KB

新关于页面上的主题在此处

2 个赞
6

这应该可以解决问题：

我们可能会添加支持以上传具有不同尺寸的用于移动设备的图片，但目前上面的 PR 应该能极大地改善移动设备上的情况。

3 个赞
7

嗯……它大部分已修复，但尚未完全修复。

这张图片似乎是来自移动设备的屏幕截图，显示了一个带有黑色背景和白色文本的网站。(由 AI 标注)
这张图片似乎是来自移动设备的屏幕截图，显示了一个带有黑色背景和白色文本的网站。(由 AI 标注)1080×2408 189 KB

8

我的手机（iPhone 15 Pro）上看起来没问题：

图片显示一个电脑屏幕，上面打开了一个 Discourse Meta 应用程序，显示了关于 Discourse 社区在线家园的消息。（由 AI 标注）
图片显示一个电脑屏幕，上面打开了一个 Discourse Meta 应用程序，显示了关于 Discourse 社区在线家园的消息。（由 AI 标注）1179×2556 221 KB

你的设备和浏览器是什么？

9

在 iPhone 13 Pro/Chrome 上看起来不错

image
image1170×2532 297 KB

10

Android A14, Chrome。

1 个赞
11

@NateDhaliwal 您之前遇到的问题现在应该已修复：

3 个赞
12

太棒了！我想知道，如果在移动设备上，图片中的文字是否应该居中？

1 个赞