html - 媒体查询：当高度和宽度为一定大小时执行

Question

有没有办法，例如，当浏览器被拖动到一定大小（比如 200 像素 x 200 像素）时更改背景颜色。我让它在宽度为 200 或高度为 200 时工作，但我希望它只在浏览器为 200 宽度和 200 高度时才会改变。我怎样才能将这两个查询组合起来，使它不是一个或，而是一个和。

这是代码，我需要将它们组合成 1 个查询，该查询在满足两个要求时都可以使用。

@media screen and (max-height: 500px) and (min-height: 490px) {
    p{
        color: red;
    }
    body{
        background-color: blue;
    }
@media screen and (max-width : 300px) and (min-width: 290px) {
    p{
        color: yellow;
    }
    body{
        background-color: green;
    }

希望这很清楚，非常感谢提前

Answer 1

是的你可以。您必须将查询与and. 我在这里为您创建了一个小提琴http://jsfiddle.net/HChTD/

更新

这是一个范围示例：http: //jsfiddle.net/HChTD/1/