媒體查詢：在高度和寬度為一定大小時執行

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

是的你可以。 您必須將查詢與and 。 我在這里為您創建了一個小提琴http://jsfiddle.net/HChTD/

更新

以下是范圍之間的示例： http : //jsfiddle.net/HChTD/1/