带有 UI 容器元素的语义 UI 媒体断点

Question

我正在使用 sematic-ui 并尝试使用 ui 容器元素来包含我的其他元素。当我编译代码时，我的 ui 容器的宽度为 1215 而不是 1280。如果我阅读http://semantic-ui.com/elements/container.html 上的 sematic ui 容器文档，它说 1200 以上是大监视器断点。如果我检查计算宽度排水沟和滚动条，他们会说 ui 容器的默认宽度应该是 1127 像素，但我的是 1215（我没有覆盖它或任何东西）。

我很困惑，我猜是要覆盖对每个断点的查询，还是应该使我的设计适合最大尺寸的 1215？

另一方面，变量为什么有一个宽屏断点，但它甚至没有记录？

我的最终目标是让 ui 容器的宽度为 1280，因为这是我的设计所在，然后显然使用断点它会做出响应。我害怕覆盖他们的媒体查询，因为我确定它是出于特定原因计算的。

在 site.variables 中由语义 ui 设置的默认媒体查询：

@mobileBreakpoint            : 320px;
@tabletBreakpoint            : 768px;
@computerBreakpoint          : 992px;
@largeMonitorBreakpoint      : 1280px;
@widescreenMonitorBreakpoint : 1920px;

在我的 css 中为 ui 容器输出 css：

@media only screen and (min-width: 1280px)
.ui.container {
    width: 1215px;
    margin-left: auto!important;
    margin-right: auto!important;
}