Html 减少@media中的页面高度

我正试图降低桌面@media中高于

768px的页面高度，但它没有响应div选择器：

<div class="parallax-window 
fullscreen" data- 
parallax="scroll" data- 
image- 
src="http://4309.co.uk/wp-  
content/uploads/2019/08/d
ownload-2.png" data-ios- 
fix="true" data-over- 
scroll-fix="true" data- 
android-fix="true">

及

不起作用
用以下内容更改代码：

@media only screen and (min-width: 768px){
section.cover.fullscreen.image-bg {
    height: 600px;
  }
}

使用以下命令更改代码：

@media only screen and (min-width: 768px){
section.cover.fullscreen.image-bg {
    height: 600px;
  }
}

你期望的结果是什么？因为如果你和检查员一起看的话，div现在是600px。我希望div的高度会降低，所以它没有那么高。就高度而言，在较少的黑色空间中。身体高度降低，页脚更靠近顶部，因为它等。我的代码的视差窗口现在是600px，如果你应用相同的规则，尝试应用相同的规则：覆盖全屏图像bg，看看结果是否符合你的预期你的意思
@仅媒体屏幕和（最小宽度：768px）{全屏图像bg{高度：600px；}
？为此，我添加了
#main{height:600px；}
您期望的结果是什么？因为如果你和检查员一起看的话，div现在是600px。我希望div的高度会降低，所以它没有那么高。就高度而言，在较少的黑色空间中。身体高度降低，页脚更靠近顶部，因为它等。我的代码的视差窗口现在是600px，如果你应用相同的规则，尝试应用相同的规则：覆盖全屏图像bg，看看结果是否符合你的预期你的意思
@仅媒体屏幕和（最小宽度：768px）{全屏图像bg{高度：600px；}
？为此，我添加了
#main{高度：600px；}
@media only screen and (min-width: 768px){
section.cover.fullscreen.image-bg {
    height: 600px;
  }
}