在最小错误中不使用宽类,如何摆脱最大宽度1280?

时间:2019-04-19 18:08:58

标签: css sass jekyll-theme

我正在研究“ Jekyll主题最小错误”,并尝试了各种方法来扩展页面。但是我实际上是在尝试消除最大宽度: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的代码。除了上面列出的计算方法之外,还有其他计算方法我应该更改吗?

2 个答案:

答案 0 :(得分:0)

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

   $max-width:1440px;

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

答案 1 :(得分:0)

我在 _variable.scss 中使用以下代码缩小了右边距。有趣的是,现在我在右边没有很大的空白。

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