如何在媒体查询中设置媒体功能，例如宽度介于两个像素之间，如300px - 400px？

Question

在媒体查询中

@media screen and (max-width: 300px) {
    body {
        background-color: lightblue;
    }
}

当屏幕的最小宽度为300px时执行。 如果我想在宽度介于300px - 500px之间时执行代码，我将如何编写代码。

Answer 1

@media screen and (min-width: 300px) and (max-width: 500px)
{
    body {
            background-color: lightblue;
         }
}

Answer 2

非常简单

@media screen and (max-width: 359px) and (min-width: 240px){

    .detail_image{height:160px; width:280px;}
    .video_cntrl{height:160px; width:auto;}
}

我强烈建议您使用基于宽高比的分辨率来纠正您的后顾之忧。

请view。