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

Html 带有UI容器元素的语义UI媒体断点,html,css,media-queries,containers,semantic-ui,Html,Css,Media Queries,Containers,Semantic Ui,我正在使用语义ui,并试图使用ui容器元素来包含我的其他元素。当我编译代码时,我的ui容器的宽度是1215,而不是1280。如果我阅读SematicUI容器文档,它会说1200以上是一个大的监视器断点。如果我检查一下宽度槽和滚动条,他们会说ui容器的默认宽度应该是1127px,而我的是1215(我没有覆盖它或任何东西) 我很困惑,我想是应该覆盖对每个断点的查询,还是应该让我的设计适合最大尺寸的1215 另一方面,为什么变量有一个用于宽屏的断点,但它甚至没有被记录 我的最终目标是使ui容器的宽度为

我正在使用语义ui,并试图使用ui容器元素来包含我的其他元素。当我编译代码时,我的ui容器的宽度是1215,而不是1280。如果我阅读SematicUI容器文档,它会说1200以上是一个大的监视器断点。如果我检查一下宽度槽和滚动条,他们会说ui容器的默认宽度应该是1127px,而我的是1215(我没有覆盖它或任何东西)

我很困惑,我想是应该覆盖对每个断点的查询,还是应该让我的设计适合最大尺寸的1215

另一方面,为什么变量有一个用于宽屏的断点,但它甚至没有被记录

我的最终目标是使ui容器的宽度为1280,因为这是我的设计所在,然后使用断点显然是有响应的。我担心会忽略他们的媒体查询,因为我确信这是有特定原因的

由站点中的语义ui设置的默认媒体查询。变量:

@mobileBreakpoint            : 320px;
@tabletBreakpoint            : 768px;
@computerBreakpoint          : 992px;
@largeMonitorBreakpoint      : 1280px;
@widescreenMonitorBreakpoint : 1920px;
为my css中的ui容器输出的css:

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

由于语义用户界面(semanticui)正在迅速获得新的功能,并且经常更新,文档常常有点过时(最近有一个问题是关于我在哪里陈述了一些未记录的可见性类)。实际上,我不确定您在问什么,例如,您发现文档有问题,但我不明白这到底给您带来了什么问题?1。如果我插入一个ui容器元素作为页面上的唯一元素,为什么它会立即将其设置为1215?2.文档计算代码1200,但媒体查询变量设置为1280。如果这是他们进行计算的方式,是否应将其设置为1200?3.他们说通过这个计算,我应该得到一个1127px的容器,但我得到1215为什么?4.如果我接受1280px的媒体查询并进行计算,我得到的是1207,甚至不是1215,为什么?5.如果我的设计基于1280px布局,那么解决这个问题的最佳方法是什么,以使所有内容都符合我的设计?