responsywność a tło obrazkowe

pytanie zadane 15 maja 2016 w HTML i CSS przez Krst0 Obywatel (1,340 p.)

Witam, jestem w fazie tworzenia strony, a właściwie na etapie implementacji responsywności. Mam takie pytanie. Mam obrazek o rozmiarach 1920x1280 ustawione za pomocą css jako tło dla znacznika header. Zastanawiam się jak zrobić, żeby w zależności od zmiany szerokości okna zmieniła się też wysokość obrazka. Tak żeby to tło pozostawało w takich samych proporcjach, niezależenie od rozmiaru, ale też szerokość obrazka zmieniała się wraz z szerokością wyświetlacza.

Wiem jak to zrobić jeśli chodzi o wstawienie obrazka do html i wtedy przypisać atrybuty do tego img, ale nie wiem jak to zrobić gdy wstawiam go przez css.

komentarz 15 maja 2016 przez kubaapk Nałogowiec (44,270 p.)

background-size: cover?

komentarz 16 maja 2016 przez Krst0 Obywatel (1,340 p.)

Serio to takie proste? Ja juz mam ustawione background-size: 100% 100%;. Muszę na sztywno przypisać wysokość i szerokość headera?

komentarz 16 maja 2016 przez kubaapk Nałogowiec (44,270 p.)

Jak zadeklarujesz background-size: cover, to tło będzie Ci się skalowało przy manipulacji oknem przeglądarki, sprawdź.

komentarz 16 maja 2016 przez Krst0 Obywatel (1,340 p.)

A więc tak, sprawdziłem to i normalnie łądnie skaluje do pewnego momentu. Później przestaje to robić i po prostu ucina go. Także jest lepiej niż było :)