徽标图像显示的宽高比不正确？

Question

根据Lighthouse的说法，我们页面(nrsmart.com)顶部的主要徽标以错误的宽高比显示。文件名：nrsmart-logo-longtext.png。我尝试了很多东西 - 包括从容器中移除图像（.thehomepage）。为什么会这样？我的CSS代码对我来说是正确的...主页上的其他大图像（nrs-nrsmart-national-remarketing-service.jpg）调整大小没有宽高比改变...那么为什么徽标会有问题呢？ / p>

这是灯塔报道： 显示宽高比不正确的图像 图像显示尺寸应与自然纵横比相匹配。

纵横比（显示）：412 x 36（11.44） 宽高比（实际）：800 x 69（11.59）

.responsivelogo {
display:block;
margin-left:auto;
margin-right:auto;
max-width:100%;
height:auto;
}

它在一个容器中（.thehomepage）：

.thehomepage {
z-index:9999990;
position:fixed;
top:0px;
width:100%;
height:auto;
background-color:white;
}

有什么想法吗？这正在推动我内心的完美疯狂！

Answer 1

正如Lighthouse的某人建议的那样（他们的分析可能太严格了），他们可能改变了Lighthouse进行分析的方式。我刚刚再次扫描了我们的网站，而之前遇到的图像宽高比错误消失了。当我分析我们的网站时，它不再出现，因此问题似乎已解决。