dopasowanie wysokości strony do rozdzielczości ekranu - Gantry 5

[mlyngraf]

Cześć. Buduję stronę onepage na szablonie Gantry 5. link. http://bbconsulting.com.pl/test/index.php/pl/

Chciałbym aby każda zakładka miała wysokość całego ekranu. Samo "height: 100%;" nie zdaje egazminu.
Zastosowałem "height: 100vh
np:

#g-oferta {
background: #b3814f none repeat scroll 0 0;
height: 100vh;
padding-bottom: 200px;
padding-top: 200px;
text-align: justify;}

i to rozwiązało problem ale tylko na komputerach PC. Na urządzeniach mobilnych tekst wylewa się po za tło i wchodzi na kolejne zakładki. Zupełnie nie do zaakceptowania.

Obecnie tylko baner główny zostawiłem tak opisany bo nie ma tekstów, które uciekają po za jego granice.


Czy znacie może skrypt który dopasowałby wysokość jednocześnie na komputerach jak i urządzeniach mobilnych?

[moje]

Tekst też trzeba dostosować, praktycznie wszystko trzeba dostosować. Jedno ustawienie na 100vh tego nie załatwi.

[szydlak]

Możesz spróbować w dodać do css ten kod:

padding-top:20%;
padding-bottom:20%;
min-height: 100vh;
box-sizing: border-box;

zarówno do #g-oferty jak i do #g-onas

[mlyngraf]

Dzięki za odpowiedzi Panowie.

Szydlak, Twój sposób przyniósł efekt. Wygląda na to, że wszystko gra. Dzięki za pomoc :)