Сайт резиновый
в стилях я прописал .header img{max-width: 75vw;} - высоту должен рассчитать сам броузер

Chrome после того как я растягиваю картинку для хидера правильно масштабирует ее по высоте, а Mozilla после растягивания высоту масштабирует некорректно.

Если сделать .header img{width: 75vw; то все красиво в обоих, в полноэкранном просмотре хидер через чур растянут, мне не нравится

Пробовал через  background-size в мозиле растягивает на всю длину

Как от мозилы добиться чтобы при изменении высоты пропорционально изменялась ширина,
а  при изменении  ширины  пропорционально изменялась высота как в Хроме?

http://storage3.static.itmages.ru/i/16/0601/h_1464748325_2780985_d2a3ddd0ca.jpg

Alex_
Похоже это из-за display: flex; Попробуйте обернуть изображение в div, т.е сделать так:

Выделить код

Код:

<div><img src="images/header.png" alt=""></div>

gyra пишет:

Alex_
Похоже это из-за display: flex; Попробуйте обернуть изображение в div, т.е сделать так:

Выделить код

Код:

<div><img src="images/header.png" alt=""></div>

Он у меня в диве header и лежит.
Нашел решение через  background: url() и background-size
Получается шапка чуть уже, да хрен с ним, но как в эталонном броузере Chrome.
Завтра переделаю.
Я не пойму, что разработчики Мозилы не знают об этой фигне, что криво масштабируются картинки?

Alex_
То что header лежит в div лежит я вижу и на него повешено display: flex; оберните еще отдельно img и увидите разницу.

gyra спасибо помогло :)
Правда  глюк на мониторах с большим разрешением 1920px и более. :(
на мониторе 1920Px тестировал:
В Хроме длина шапки при max-width: 75vw; равна 1280px
а Mozilla  этого не понимает  чересчур растягивает до 1440px
Что-нибудь придумаю

У меня тоже на сайте не правильно отображает картинку - на странице поста вставил картинку <img src=" " width="275px" height="175px" alt=" " /> а она отображается примерно покселей 100 на 50