Помощник
|
Как заставить видео и картинку масштабироваться пропорционально? |
foxer
|
Сообщение
#1
|
||
|
|
||
|
|||
Degradator |
28.6.2016, 10:44;
Ответить: Degradator
Сообщение
#2
|
|
Плохо понимаю что у тебя не получается, для меня это звучит как - надо синхронно растянуть два прямоугольника. Если так, то скорее всего тебе нужны
min-width max-width min-height max-height background-position: center; (background-position: center center;) background-size: 100%; (background-size: 100% 100%;) скорее всего не понадобятся width height Потому что задав эти свойства ты лешишь твои теги возможности растягиваться. Ну и также почитай про @media-query |
|
|
foxer
|
Сообщение
#3
|
|
Да я пробовал играться с этими свойствами по всякому, но дело в чем: при сужении, когда экран становится меньше 1920рх, картинка бэкграунд начинает просто сужаться в то время как видео, благодаря свойству object-fit:cover обрезается по краям и центрируется. соответсвенно фон из под видео уезжает. При растяжении на более чем 1920 всё норм. Сдается мне это вообще невозможно сделать через background-image((
http://codepen.io/foxer1/pen/OXbYrj?editors=1100 |
|
|
Degradator |
28.6.2016, 19:12;
Ответить: Degradator
Сообщение
#4
|
|
Блин, ну это же не так делается <div class="background"> <div class="video"></div> </div> [CSS].background: { background: url('../images/background.jpg') no-repeat; background-size: 100%; }[/CSS] |
|
|
foxer
|
Сообщение
#5
|
|
|
Блин, ну это же не так делается <div class="background"> <div class="video"></div> </div> [CSS].background: { background: url('../images/background.jpg') no-repeat; background-size: 100%; }[/CSS] так я уже пробовал, не работает... Не совпадает картинка с видео
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Арбитражники, как ведете учет расходов и доходов? | 12 | Boymaster | 1923 | Вчера, 21:03 автор: MisterBit |
|
Как вывести деньги в Украине с заблокированного Юмани ? | 29 | freeax | 4817 | 17.4.2024, 1:19 автор: sergio11 |
|
Как вы отдыхаете от работы за компом | 148 | adw-kupon.ru | 19713 | 8.4.2024, 10:37 автор: Skyworker |
|
Как вы бросили работу и перешли на заработок с сайтов? | 18 | uahomka | 3109 | 5.4.2024, 5:53 автор: Skyworker |
|
Как бездомные хранят деньги? | 81 | metvekot | 13660 | 31.3.2024, 12:44 автор: Boymaster |
Текстовая версия | Сейчас: 20.4.2024, 7:02 |