我希望能够调整我的徽标图像的大小和居中（它目前在预览中占据了整个页面），但我已经尝试了许多不同的调整大小的方法，包括将display：block添加到CSS中，但什么也没有发生。我错过了什么？？

除了HTML文件的标准开头之外，这是我的HTML文件中的全部内容:

<div class="header">
<img class="logo" src="images/logo.png" alt="Plants and Things logo">
</div>

这是我的css文件中仅有的内容:

body {
margin: 0 auto;
}

.logo {
max-width: 200px;
max-height: 200px;
}

---

顺晟科技：

后面没有什么区域 例如

您没有将css文件与html文件链接。 徽标的尺寸可能比更大尺寸小

但是作为解决方案，我建议您将img中的css用于临时解决方案

像这样 尝试使用此更改

<img class="logo" src="images/logo.png" alt="Plants and Things logo" style="max-width: 20px;max-height:20px"> 

还通过使用

body{
background-color:red; 
}

您可以检查css文件是否已链接 还要检查控制台错误