在html的移动视图中删除多余的空白

Question

我有一个仅在主页上带有滑块的网站，但是当我在移动设备上查看它时->滑块不是全屏显示，在下面的图像中，您可以看到空白并且它们不应该存在于空白处。 / p>

@media only screen and (max-width: 680px) {
  .page {
    height: 900px !important;
  }
}

我尝试设置高度，但是没有任何反应。我该如何解决这个问题？