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

Юристы зарабатывают огромные деньги и славу, оперируя хорошим знанием законов. Правила форума — простой путь к успешному общению.

№106-06-2016 10:13:35

Alex_
Участник
 
Группа: Members
Зарегистрирован: 06-06-2016
Сообщений: 3
UA: Chrome 51.0

неправильное масштабирование картинки

Сайт резиновый
в стилях я прописал .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

Отсутствует

 

№206-06-2016 12:52:40

gyra
Участник
 
Группа: Members
Зарегистрирован: 05-11-2013
Сообщений: 35
UA: Firefox 46.0

Re: неправильное масштабирование картинки

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

Выделить код

Код:

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

Отсутствует

 

№306-06-2016 17:08:16

Alex_
Участник
 
Группа: Members
Зарегистрирован: 06-06-2016
Сообщений: 3
UA: Chrome 51.0

Re: неправильное масштабирование картинки

gyra пишет:

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

Выделить код

Код:

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

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

Отредактировано Alex_ (06-06-2016 17:15:14)

Отсутствует

 

№406-06-2016 17:52:29

gyra
Участник
 
Группа: Members
Зарегистрирован: 05-11-2013
Сообщений: 35
UA: Firefox 46.0

Re: неправильное масштабирование картинки

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

Отсутствует

 

№507-06-2016 14:49:06

Alex_
Участник
 
Группа: Members
Зарегистрирован: 06-06-2016
Сообщений: 3
UA: Chrome 51.0

Re: неправильное масштабирование картинки

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

Отсутствует

 

№615-07-2016 15:50:21

Akwest
Участник
 
Группа: Members
Откуда: France
Зарегистрирован: 15-07-2016
Сообщений: 1
UA: Firefox 47.0
Веб-сайт

Re: неправильное масштабирование картинки

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

Отсутствует

 

Board footer

Powered by PunBB
Modified by Mozilla Russia
Copyright © 2004–2011 Mozilla Russia
Язык отображения форума: [Русский] [English]