Do czego służą jednostki miary vh i vw przy określaniu rozmiarów w CSS?

Jednostki miary vh i vw w CSS służą do określania rozmiarów względem rozmiarów obszaru widoku (viewport) przeglądarki.

• vh (wysokość widoku): Reprezentuje 1% wysokości obszaru widoku.
• vw (szerokość widoku): Reprezentuje 1% szerokości obszaru widoku.

Ich głównym celem jest tworzenie responsywnego projektu, w którym rozmiary elementów zależą od aktualnych rozmiarów okna przeglądarki, a nie od wartości stałych w pikselach lub rozmiarów elementów nadrzędnych. Umożliwia to łatwe skalowanie elementów, takich jak sekcje na pełną wysokość lub szerokość ekranu, czcionki, obrazy i inne komponenty, zapewniając wygodne wyświetlanie na urządzeniach o różnych rozmiarach ekranów.

Na przykład:

• height: 100vh; — sprawia, że element ma wysokość 100% wysokości obszaru widoku.
• width: 50vw; — sprawia, że element ma szerokość 50% szerokości obszaru widoku.