Rozmiar diva zmieniający się podczas zmiany rozmiaru okna.

Question

Cześć. Czy da się zrobić coś takiego jak w temacie: Rozmiar diva zmieniający się podczas zmiany rozmiaru okna?
Do tej pory używałem sobie banalnego skryptu wykorzystując:

nazwa_diva.style.height = window.innerHeight + "px";

I działa. Gdy odświeżam przeglądarkę div wypełnią całą stronę.
Jednakże chciałbym żeby podczas zmiany rozmiaru okna div cały czas przyjmował jego roozmiary. Jak to zrobić?

Answer 1

Można skorzystać z jednostek viewport (https://web-design-weekly.com/2014/11/18/viewport-units-vw-vh-vmin-vmax/), np:

div {
  width: 100vw;
}

Oznacza, że wybrany div będzie mieć zawsze szerokość okna.

Comments

O tak. Tego potrzebowałem. Nie wiedziałem, że takie coś istnieje ^^ :D Dzięki :)