Html 仅以高分辨率显示div

我做了一个网站，把一个容器一直延伸到底部。在这个容器中，有一些非常适合低分辨率屏幕的div，比如1366x768…等等

但是当分辨率更高（1440x900…等）时，div下会留下一个空白

那么，是否有可能仅在高分辨率下用div填充该空间？我已经尝试过溢出y:hidden，但是由于容器的高度必须是自动的，所以不会影响它。

使用目标分辨率，如

@media screen and (min-resolution: 300dpi) { 
    #myDiv{
        display:block;
    }
}

或者，您可以将目标尺寸（如宽度）设置为

@media screen and (min-width: 1000px) { 
    #myDiv{
        display:block;
    }
}

---

如果我理解正确的话，您可能会想了解一下，它使您能够为给定的分辨率设置自定义css。您为什么要使用

打印

查询

屏幕

？为什么不

@媒体屏幕和（最小宽度：1400px）

？没问题。但您也应该将

min分辨率

更改为

min宽度

，并设置像素宽度，而不是

dpi

。