您好，自从从 3.3.0.beta1 升级到 3.3.0.beta3 后，我遇到了 nav.post-controls 溢出并破坏流式布局的问题，当 show-replies 按钮出现时尤为明显。在“默认”和“默认（全宽）”主题下，在不同的浏览器宽度、有/无时间线滚动条、有/无侧边栏的情况下，也出现了这个问题：
这是我目前临时的 CSS 解决方法，但一个合适的上游修复会更好：
.topic-post .post-controls .show-replies {
display: flex;
justify-content: flex-end;
white-space: nowrap;
overflow: hidden;
max-width: calc(100% - 5px);
padding: 1px;
}
@media only screen and (max-width: 675px) {
.topic-post .post-controls {
--control-margin: 0;
}
.topic-post .post-controls .reply { /* Prevent Reply button overflow with very narrow widths */
padding-right: 0px;
.d-button-label {
display: none;
}
}
}
1 个赞
看起来这个问题与使用更高的缩放级别和/或 Firefox 的 about:config 设置 layout.css.devPixelsPerPx = 1.1 有关。我也使用 1.1 的操作系统级别文本缩放因子，但我认为 Firefox 不会遵循它，这就是为什么我必须对 Firefox 的 about:config 应用相同的解决方法。以下是我发现的其他与缩放级别相关的布局问题：
