我是SCSS和前端开发的新手。我在.scss文件中定义了这个简单的规则。

.header-logo {
  content: url('/assets/logo/logotype-blue.png'); 
  height : 40px; 
}

我的目标是拥有一个包含标题图像的类，这样我就可以在不同页面的每个标题上使用它。问题是，当我这样使用这条规则时：

 <img class="header-logo" alt="logo"/> 

图像已呈现，但未应用height约束。

当我删除类时，会有这样的东西：

 <img src="/assets/logo/logotype-blue.png" height="40" alt="logo"/>

height约束得到了很好的应用。我有点困惑，一些解释会很有帮助。

顺晟科技：

尝试这样的类，而不是IMG标记。

<代码>.SizeMe{高度：40px；宽度：自动；background-image：URL（'/assets/logo/logo-blue.PNG '）；背景重复：无重复；背景大小：包含；}