Результаты поиска

Alex_ · CSS-стили

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

Alex_ · CSS-стили

gyra пишет

Alex_
Похоже это из-за display: flex; Попробуйте обернуть изображение в div, т.е сделать так:
Выделить код
Код:
<div><img src="images/header.png" alt=""></div>

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

Alex_ · CSS-стили

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

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

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

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

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

Полезная информация

CSS-стили » неправильное масштабирование картинки » 07-06-2016 14:49:06

CSS-стили » неправильное масштабирование картинки » 06-06-2016 17:08:16

Код:

CSS-стили » неправильное масштабирование картинки » 06-06-2016 10:13:35

Board footer