Quantcast
Channel: Forum Pasja Informatyki - Najnowsze pytania i odpowiedzi
Viewing all articles
Browse latest Browse all 83164

Odpowiedź: Responsywność strony - Poziomy suwak

$
0
0

Aby zrobił Ci się poziomy suwak musisz umieścić element który ma szerokość większą niż szerokość ekranu, ale to bardzo brzydko wygląda. Chyba, że chodzi Ci o to, aby strona zamiast scrollować się od góry do dołu scrollowała się na boki. Załóżmy, że chcesz mieć stronę o szerokości 5ciu szerokości ekranu. Wtedy dajesz takie coś:

.kontenerstrony
{
  height: 100vh;
  width: 500vw;
}

Jednostka vh to viewport height czyli wysokość ekranu. 1vh jest równe 0.01 wysokości ekranu. Podobnie jest z vw, tyle że vw tyczy się szerokości. Jednostki te mogą być używane do tworzenia stron responsywnych.


Viewing all articles
Browse latest Browse all 83164