删除较小屏幕尺寸的上边距 - Bootstrap 4

时间：2016-07-11 15:48:02

标签： css margin twitter-bootstrap-4

我不确定我是否正确。我使用Bootstrap 4构建了一个网页。经过大量调整后，所有页面元素都按预期呈现。但是，在较小的屏幕中，似乎<body>有top-margin，这会使position: absolute推送我的部分元素。我试过浏览CSS文件，但没有找到这样的代码。这是我代码中的最后一点。

我的小提琴： http://jsfiddle.net/chandannadig/3kjdo9rr/10/

请查看截图以便更好地理解。我已将鼠标指针放在我的Google Chrome开发者工具中的<body>上。

大屏幕

enter image description here

小屏幕（iPhone 6S肖像）

enter image description here

2 个答案:

答案 0 :(得分：0)

演示不是你所展示的，但存在差距。 它是元素和类.pad，有边距：4rem 1.5rem 1rem 1.5rem;如果你改为保证金：3rem 1.5rem 1rem 1.5rem;差距缩小了。

答案 1 :(得分：0)

在我看来，这个差距是由.pad类的上边距引起的。所以把它改成这样的东西：

@media screen and (max-width: 768px) {
.pad {
  margin: 0 1.5rem 1rem 1.5rem;

}
相关问题
最新问题