Согласно Lighthouse, основной логотип в верхней части нашей страницы (nrsmart.com) отображается с неправильным соотношением сторон.Имя файла: nrsmart-logo-longtext.png.Я пробовал кучу вещей - в том числе удаление изображения из контейнера (.thehomepage).Почему это происходит?Мой код CSS выглядит правильно для меня ... Другое большое изображение на домашней странице (nrs-nrsmart-national-remarketing-service.jpg) изменяет размер без изменения соотношения сторон ... Так почему у логотипа будут проблемы?
Вот отчет Lighthouse: отображаются изображения с неправильным форматом изображения Размеры изображения должны соответствовать естественному формату изображения.
Соотношение сторон (отображается): 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;
}
Есть идеи?Это сводит с ума совершенство внутри меня!