Responsywność tła

Question

Witam,

W jaki sposób zrobić responsywne tło, ale tak, żeby nawet po oddaleniu miało tą samą szerokość i wysokość (chodzi mi o taki efekt http://www.lukaszzygadlo.pl/ ) Stosowanie background-size: contain; nie daje tego efektu.

Answer 1

background-size: cover; spróbuj

Answer 2

Coś takiego stworzyłem

http://codepen.io/anon/pen/KVoVqv

o coś takiego Ci chodzi?

Answer 3

div.background {
 background: url( ADRES_DO_OBRAZKA );
 background-size: cover;

 /* Jeżeli wymiaru nie uzależniasz od zawartości */
 width: 100%;
 height: 100%;
}

<div class="background"></div>

 

Answer 4

W przykładzie który podał autor pytania ( http://www.lukaszzygadlo.pl/ ) tło strony czyli fotografia podczas zwężania okna przeglądarki jest zmniejszana i jednocześnie jest przycinana równomiernie zarówno z lewej, jak i z prawej strony. Czy wiek ktoś jak uzyskać taki efekt ?

Answer 5

A popatrzyłeś w kod, i sam spróbowałeś znaleźć "linie klucz"?

Answer 6

Patrzyłem,niestety nie wiem która linia dokładnie za to odpowiada.