html - 媒体查询 : execute when height AND width are a certain size

Question

有没有办法，例如，当浏览器被拖动到特定大小时(比如 200px x 200px)更改背景颜色。我已经让它在宽度为 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

是的，你可以。您必须将查询与 和 结合起来。我在这里为你创建了一个 fiddle http://jsfiddle.net/HChTD/

更新

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