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

前端之家收集整理的这篇文章主要介绍了html – Semantic-UI:为什么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中,其宽度设置为.

原文链接:https://www.f2er.com/html/425784.html

猜你在找的HTML相关文章