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

【问题标题】：How can I get rid of the max width 1280 without using the wide class in Minimal Mistakes?如何在不使用最小错误中的宽类的情况下摆脱最大宽度 1280？
【发布时间】：2019-04-19 18:08:58
【问题描述】：

我正在研究 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 的代码。除了上面列出的计算之外，还有其他计算需要更改吗？

【问题讨论】：

标签： css sass jekyll-theme

【解决方案1】：

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

   $max-width:1440px;

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

【讨论】：

我试过$max-width:100%;，它工作得很好

【解决方案2】：

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

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

【讨论】：