Помощник
|
Как заставить видео и картинку масштабироваться пропорционально? |
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] так я уже пробовал, не работает... Не совпадает картинка с видео
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Большие ставки для кликов в Я.Директ. Как удешевить? | 2 | rownong27 | 1124 | 26.3.2024, 14:13 автор: knezevolk |
|
Как вы бросили работу и перешли на заработок с сайтов? | 12 | uahomka | 2297 | 25.3.2024, 6:52 автор: Skyworker |
|
Как отозвать банковский платеж фрилансеру? | 28 | metvekot | 3920 | 25.3.2024, 6:34 автор: Skyworker |
|
Как вывести деньги в Украине с заблокированного Юмани ? | 23 | freeax | 3646 | 24.3.2024, 20:55 автор: Liudmila |
|
Через какой браузер и как можно найти в кэшэ браузера видео | 10 | Room | 1942 | 23.3.2024, 7:41 автор: Room |
Текстовая версия | Сейчас: 29.3.2024, 11:44 |