obrazek na całgo diva

Question

witam, chciałbym zrobić coś takiego, jednak próbowałem już chyba wszystkiego:

obrazek na całą szerokość okna przeglądarki (niech wysokość się skaluje wraz z szerokością)

w tym obrazku na środku napis coś jak w tym przykładzie

 

Answer 1

.div{

   width: 100vw;

   height: 300px;

   background: url(images/bg.jpg);

   background-size: cover;

}

Wydaje mi się, że powinno zadziałać :)

Comments

Ale height jest na sztywno ;/

---

to daj 100vh

---

Chciałam napisać taki kod ale widzę, że kolega mnie uprzedził, więc nie będę dublować.

Answer 2

Element ustawisz na środku z poziomie za pomocą text-align: center; /  margin: 0 auto;

natomiast w pionie za pomocą sztuczki z vertical-align, wyświetlania tabelarycznego lub display: flex

Comments

Co ze skalowaniem ?

---

to co napisał kolega - background-size: cover

Answer 3

Niezapomnij też sprawdzić czy w body msz ustawione padding i margin na 0.