css - css媒体查询无法在Firefox中运行

我是CSS媒体查询的新手，并试图学习它。以下html代码显示Firefox中的红色背景，而在1400 X 1050分辨率下它是绿色的chrome。有人可以告诉我这里有什么问题

    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        @media screen and (min-height: 901px) and (max-height: 1050px){
            body{
                font-size: 17px;
                background:green;
            }
        }
        @media screen and (max-height: 900px){
            body{
                font-size: 27px;
                background:red;
            }
        }
    </style>
</head>
<body>
    TEST
</body>
</html>

css媒体查询无法在Firefox中运行

0 个答案: