前端设置@media浏览器不生效

问题遇到的现象和发生背景

设置@media 浏览器不生效

遇到的现象和发生背景，请写出第一个错误信息

设置@media属性 浏览器并没有生效

用代码块功能插入代码，请勿粘贴截图。 不用代码块回答率下降 50%
  @media (width:375px) {
            html {
                font-size: 40px;
            }
        }
运行结果及详细报错内容

img

img

我的解答思路和尝试过的方法，不写自己思路的，回答率下降 60%

会不会是浏览器的问题 尝试用其他浏览器也是一样的结果

我想要达到的结果，如果你需要快速回答，请尝试 “付费悬赏”

请求各位帮忙解答

你试下这个格式：@media screen and (width:375px){ }

我做了个例子，望采纳：

img

另外建议采用max-width或者min-width方式去做媒体查询，这样可以适配范围大点

完整代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
         @media (width: 375px) {
            body {
                font-size: 40px;
                background-color:lightblue;
            }
        }
    </style>
</head>
<body>
    <div>解决前端设置@media浏览器不生效</div>
</body>
</html>

如果还不行，那可能是电脑显示屏幕设置了缩放比例，导致了一些异常的显示：

img