css - 如何在不使用最小错误中的宽类的情况下摆脱最大宽度 1280？

Question

我正在研究 Jekyll Theme Minimal Mistakes 并尝试各种方法来扩展页面。但我真的想摆脱在检查页面时出现的 max-width: 1280 。

我已经尝试过广泛的课程，但我不想将 Toc（目录）推到页面顶部。在 _variables.scss 中，我发现 x-large 变量设置为 1280，但是当我更改它时并没有什么不同。

我了解建议调整 _page.scss 从

.page {
  width: calc(100% - #{$right-sidebar-width-narrow});
}

至

.page {
@include breakpoint($large){
  padding-right: 0;
}
@include breakpoint($x-large){
  padding-right: 0;
}
}

当我使用检查工具检查页面时，会弹出一个显示最大宽度：1280 的部分。当我取消选中它时，页面会按照我想要的方式扩展，但我似乎无法弄清楚我在代码中的位置可以防止将宽度设置为 1280。除了上面列出的计算之外，是否还有其他计算需要更改？

score 1 · Accepted Answer

您可以尝试将属性添加到您的 main.scss 文件：

   $max-width:1440px;

当然，您可以指定任何值。它将更改您的主要内容宽度并自动采用侧边栏和目录。

score 0 · Accepted Answer

我使用下面的代码缩小了右边距_variable.scss。有趣的是，现在我右边没有很大的余量。

$right-sidebar-width-narrow: 100px !default;
$right-sidebar-width: 100px !default;
$right-sidebar-width-wide: 100px !default;

2 回答 2