html – Semantic-UI：为什么Body的视口大小不同？

发布时间：2020-12-14 22:45:01 所属栏目：资源来源：网络整理

导读：请看一下使用Semantic-UI构建的Hello World-esque application. 我经常使用Semantic-UI,我比Bootstrap更喜欢它,但我注意到这个边缘的一致问题.视口具有某种多余的边距,注意网页的底部(空白区域)和网页的右侧(更多空白区域). 我一直在尝试将html / body的宽度

请看一下使用Semantic-UI构建的Hello World-esque application.

我经常使用Semantic-UI,我比Bootstrap更喜欢它,但我注意到这个边缘的一致问题.视口具有某种多余的边距,注意网页的底部(空白区域)和网页的右侧(更多空白区域).

我一直在尝试将html / body的宽度/高度设置为100％,但无济于事.

这是一个语义UI问题,还是其他一般问题？有任何建议来纠正这个CSS？

最佳答案

这是因为ui网格属性由于负边缘而将内容拉到其区域之外.尝试将其设置为0.

.ui.grid {
  margin: -1rem; // Change to 0
}

最佳做法是将ui网格包装在容器内.我不确定为什么.container CSS代码在您的网站中丢失,但他们在Docs中有它.

Semantic UI Docs网格包含在.main.container中,其宽度设置为.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!