css - 在语义 UI 中增加平板电脑容器大小并重建它

Question

我在一个网站上使用语义 UI，它在所有分辨率下看起来都很好，但我希望在平板电脑尺寸下，容器更宽一些。

我发现控制该宽度的变量在文件 themes/default/elements/container.variables 中。我读到，为了避免修改原始文件，您必须编辑文件 site/globals/site.variables，所以我添加了以下行:

@blue  : #00709e;   
@green : #75912b;
@black : #464646;

@tabletWidth: (@tabletBreakpoint+201) - (@tabletMinimumGutter * 2) - @scrollbarWidth;

我使用 gulp 重建了 CSS/JS 文件，我可以看到蓝色、绿色和黑色发生了变化，但平板电脑容器的大小与以前相同。

我还需要更改其他内容吗？谢谢!

Answer 1

根据我对主题语义的了解以及我所看到的，我不会更改 @tabletWidth 但我只会更改 @tabletBreakpoint 和 @tabletMinimumGutter 你想要的值，然后这应该使 container.variables 中的 @tabletWidth 使用你的变量来锻炼宽度。