Html 在移动设备上，我的网站的徽标图像模糊

徽标图像（以及页脚中的任何图像）在移动设备上看起来很模糊，但在计算机屏幕上看起来很好。 怎么解决这个问题

这是我的html文件：

<div class="logo">
   <a href="/public_html/index.html">
       <img src="images/icon/logo-white.png" alt="Tatee" />
   </a>
</div>

---

我认为您需要使用与图像宽度相同的徽标div样式。例如，如果logo维度类似于100px*50px，那么CSS将类似于

.logo{
  width: 100px;
  height: 50px;
}
.logo img{
  max-width: 100% !important;
}

你可以尝试用这种方式在移动设备上工作。此外，您还可以帮助进行媒体查询，以便仅在移动设备上进行查询

@media (min-width: 320px) and (max-width: 480px) {
  .logo{
    width: 100px;
    height: 50px;
  }
  .logo img{
    max-width: 100% !important;
  }
}

---

你也能分享CSS吗？img{max width:100%；height:auto；}试着给它一些固定的宽度，比如，

width:200px

，看看你能正确看到图像吗