Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   Фон на всю высоту (https://javascript.ru/forum/xhtml-html-css/57979-fon-na-vsyu-vysotu.html)

katamason 28.08.2015 19:36
Фон на всю высоту
 
Здравствуйте, подскажите пожалуйста, как растянуть пропорционально и как по макету фоновые изображения на всю высоту экрана? Пытаюсь cover'om потянуть, но фотка становится как под лупой, а contain'a не хватает, от меня требуют соответствие макету, прошу вашей помощи и совета

EmperioAf 28.08.2015 20:07
не понял вопроса честно говоря, но чем 
height: 100%;
не подходит?

katamason 28.08.2015 20:15
Цитата:
Сообщение от EmperioAf (Сообщение 386221)
не понял вопроса честно говоря, но чем 
height: 100%;
не подходит?
если так сделаю, то изображение вытянется, а мне нужно их вмостить как на дизайне, я кажется понял, нужно aspect ratio подобрать, например 16x9

Decode 28.08.2015 23:32
katamason, background-size: 100% 100%

ruslan_mart 30.08.2015 13:56 
-webkit-background-size: auto 100%;
-moz-background-size: auto 100%;
-o-background-size: auto 100%;
background-size: auto 100%;


Часовой пояс GMT +3, время: 14:38.