Question

有没有办法在浏览器拖动到某个尺寸（比如200px x 200px）时更改背景颜色。当它是200宽度或200高度时，我已经让它工作了，但我希望它只有在浏览器宽度为200且高度为200时才会改变。如何组合这两个查询，使其不是一个或两个，而是一个和。

这是代码，我需要将它们组合成一个在满足BOTH要求时有效的查询。

@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/

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

1 个答案: