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

Question

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

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

我试图设定高度，但是什么也没发生。 我应该如何解决这个问题？