为什么CSS媒体查询工作方式错误？

Question

我是CSS的新手，尤其是媒体查询。 我已将其添加到标题标签中：

<meta name="viewport" content="width=device-width, initial-scale=1.0">

这在我体内

<img id="title" class="title" src="image/ti.jpg" >

，最后在我的CSS文件中

@media screen and (max-width : 570px){
 .title{
    width: 80%;  
  }
}

我的问题是，当我在Chrome开发人员工具中使用设备模式时，此代码可以正常工作，但是当我更改资源管理器的大小而不是在其中运行时

width=570px

它以160像素出现。