我在一个网站上使用语义 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 文件，我可以看到蓝色、绿色和黑色发生了变化，但平板电脑容器的大小与以前相同。
我还需要更改其他内容吗？谢谢!
最佳答案
根据我对主题语义的了解以及我所看到的，我不会更改 @tabletWidth 但我只会更改 @tabletBreakpoint 和 @tabletMinimumGutter 你想要的值，然后这应该使 container.variables 中的 @tabletWidth 使用你的变量来锻炼宽度。
关于css - 在语义 UI 中增加平板电脑容器大小并重建它，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/47332986/