这是我的第一个帖子，我希望这将是明确的！

我有一个关于HTML/CSS的问题，我不明白。一个徽标在小屏幕上没有响应，所以我将这个类添加到我的.css

.project-logo {
    max-width: 100%;
    height: auto;
}

并在我的.TSX中添加了此标记中的类：

<代码><；IMG SRC={randomlogopng}style={{display：' block '}}alt="；标志随机"；类名="；项目标志"；/>；

它在任何屏幕上都能像我想的那样响应。现在，我想稍微整理一下我的代码，因此我尝试将<img src={RandomLogopng} style={{display:'block'}} alt="Logo Random" className="project-logo"/> 直接移到类中，如下所示：

display:block

我在.TSX中删除了它，所以它给出：

<代码><；IMG SRC={randomlogopng}alt="；标识随机"；类名="；项目标志"；/>；

但现在，如果屏幕与徽标的尺寸相比太小，徽标就会消失，而不是在小屏幕上响应。有没有人能帮助我了解为什么以及如何清洁这个标签，并仍然使徽标响应，请？

感谢！

顺晟科技：