Question

我的媒体查询因某些原因无效。我一直盯着它看太久，尝试过几种变化都无济于事。

我有一个容器div，我希望根据屏幕尺寸扩展或缩小。它适用于较大的屏幕，但当我缩小浏览器窗口超过某一点时，div完全消失。

以下是查询。

@media screen and (min-width: 1200px) {
    #lower_content1 {
        width:65%;
        border-radius:20px;
        background-color:#3f4040;
        border:7px #85aab8 solid;
        text-align:center;
        overflow:hidden;
        top:25px;
        -moz-box-shadow: 0px 3px 4px #000;
        -webkit-box-shadow: 0px 3px 4px #000;
        box-shadow: 0px 3px 4px #000;
        /* For IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=10, Color='#000000')";
    }
}
@media screen and (min-width: 1px) {
    #lower_content1 {
        width:75%;
        border-radius:20px;
        background-color:#3f4040;
        border:7px #85aab8 solid;
        text-align:center;
        overflow:hidden;
        top:25px;
        -moz-box-shadow: 0px 3px 4px #000;
        -webkit-box-shadow: 0px 3px 4px #000;
        box-shadow: 0px 3px 4px #000;
        /* For IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=10, Color='#000000')";
    }
}

我也有相同的div绑定到设备查询，这些似乎工作。所以基本上唯一不起作用的是@media screen和（min-width：1px）

有什么想法吗？谢谢， JC

CSS Media Query无法在监视器上运行

0 个答案: