时间戳

首页 > 解决方案 > 为什么 CSS 媒体查询以错误的方式工作？

html - 为什么 CSS 媒体查询以错误的方式工作？

问题描述

我是 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 像素中。

标签： htmlcssresponsive-designmedia-queries

解决方案

推荐阅读