仅以高分辨率显示div

Question

我创建了一个将容器拉到底部的网站。在那个容器中，有一些div以低分辨率完美地适合屏幕，例如1366x768 ......等等。

但是当分辨率更高时（1440x900 ......等）div [{3}}

下面还有一个空白区域

那么有可能只用高分辨率用div填充那个空间吗？我试过了overflow-y:hidden，但由于容器的高度必须是auto，因此不会影响它。

Answer 1

使用目标分辨率为{/ 3>的media queries

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

另外，您可以定位像

这样的宽度等尺寸

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