类别名称不像标签那样换行,导致在手机上溢出

大家好,我注意到过滤器下拉菜单中的标签名称如果太长,会自动换行,这对于移动设备的响应式设计来说非常棒。但是,类别名称似乎没有同样的行为。当类别名称过长时,它会溢出过滤器容器,破坏移动设备的布局。

以下是说明该问题的两张截图:


4 个赞

长类别名称在主题列表中也会溢出。因为这很小且略有相关,所以我将其留在此处,而不是创建一个新主题(如果需要,请随时移动它):

类别名称最好简短,这也是我第一次看到这种行为。

6 个赞

我做了一些调整来避免这个问题

如果您在长分类名称方面遇到任何其他问题,请告知我们!

3 个赞

@awesomerobot,

这也似乎是主题底部“建议”帖子中类别名称的问题。

似乎存在两个独立但相关的问题:

  1. 如果在初始页面加载后减小视口大小,表格不会正确缩小:

这会导致 table.topic-list 溢出 #main-outlet-wrapper 的宽度。


  1. 另外,h3.more-topics__browse-more a.badge-category__wrapper 不会自动省略(无论页面在加载时是否为移动尺寸,或后来缩小),这也导致页面过宽。可以通过设置 max-width: 80vw 左右来强制实现,但这可能会在宽屏显示器上产生意外后果。

1 个赞

我感觉长类别名称在主题列表中仍然存在问题。
这是我在 CFL Forums 上看到的情况。类别名称被截断了,但日期仍然太靠右。

在聊天中提及类别也存在问题。

1 个赞