论坛移除固定宽度

支持
1

大家好！

我想移除固定宽度，并将其替换为百分比值。
我该如何操作？我尝试了很多方法，但都没有成功。

以下是“首页”上应有的效果截图：

Discourse_scss
Discourse_scss1230×1305 119 KB

以及主题内部的截图：

Discourse_Topic_scss
Discourse_Topic_scss1126×1306 232 KB

谁能给我一些提示，或者直接提供相关代码？
我将不胜感激！

2

没人能帮我吗？求求了！

3

按列宽

首先，我们需要重新定义 display: flex;：

.categories-and-latest {
    display: block;
}

然后，设置宽度：

.column.categories {
    width: 40%;
    float: left;
}

discourse
discourse1437×646 142 KB

这仅作为一个示例。您可能需要获取之前的 div 并处理屏幕宽度。我不知道在移动设备上会发生什么，这需要添加更多的 CSS。

请注意：display: flex;。在这方面可能会遇到困难。

4

谢谢！

我想找的是默认宽度的 CSS 选择器。

我试过 .wrap 以及很多其他选择器，但都没有生效。这些选择器都是通过检查器获取的。

5

尝试对 .wrap 使用：

max-width: 100%;

结果宽度变成了 100%。

6

如果我只这样做，只有页眉和页脚是 100% 宽度。

我是不是漏掉了什么？

编辑：

我又检查了一遍，并添加了以下代码：

#main > div #main-outlet {
    max-width: 90%;
    width: 90%;
}

但正如您在截图中所见，它被 theme_11.scss 覆盖了，我不知道原因。

Discourse_css
Discourse_css2551×1172 183 KB

7

试试这个选项。

.categories-and-latest {
    display: block;
}
.wrap {
    max-width: 90%;
    width: 90%;
}
.categories-and-latest div.column.categories {
    width: 40%;
    float: left;
}
8

这和上面一样，它被 theme_11.scss 覆盖了。
这真的很烦人，因为它曾经能正常工作，但现在不行了。

编辑：
这是其中一个主题组件，我需要找出是哪一个。

找到了，是官方的“Easy responsive footer”。移除它后，站点宽度变成了 90%。
也许 @Johani 可以看一下，因为我希望恢复页脚。

编辑2：
“Versatile Banner”也在“破坏”宽度的调整。也许 @tshenry 也可以帮忙看一下？