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

Общайтесь со знакомыми и друзьями в нашем сообществе в Facebook.

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

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

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

gyra пишет:

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

Выделить код

Код:

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

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

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

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

Board footer

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