Ta strona używa ciasteczek (cookies), dzięki którym nasz serwis może działać lepiej. Dowiedz się więcej OK, rozumiem

dopasowanie wysokości strony do rozdzielczości ekranu - Gant

Poszukujesz dobrego programu graficznego lub masz z jakimś problem? Nie wiesz jak się zabrać za tworzenie grafiki na swoją stronę? Tutaj znajdziesz pomoc.

dopasowanie wysokości strony do rozdzielczości ekranu - Gant

Post 27.10.2016, 20:17:52

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?
mlyngraf
Posty: 3
Dołączył(a): 30.06.2016

Re: dopasowanie wysokości strony do rozdzielczości ekranu -

Post 28.10.2016, 18:39:51

100vh powoduje, że bloki są równe wysokości przeglądarki (niezależnie czy to jest PC czy telefon). Wystarczy, że poprawisz height na min-height - zamiast stałej wysykości wprowadź minimalną wysykość
http://www.tworcastron.pl - blog o grafice, projektowaniu stron i web developerce
breco
Posty: 113
Dołączył(a): 17.09.2016


Powrót do Grafika i webdesign


 


  • Podobne wątki
    Odpowiedzi
    Wyświetlone
    Ostatni post

Kto przegląda forum

Użytkownicy przeglądający ten dział: Brak zidentyfikowanych użytkowników i 3 gości

Hosting, Domeny, SSL
iCash

Subskrypcja

Mamy 50185 zarejestrowanych użytkowników.
Najnowszy użytkownik: sskijop


Nasi użytkownicy napisali:

  • 934992 wiadomości
  • w 246317 tematach

Najnowsze wpisy na blogu

Najnowsze artykuły

Najaktywniejsi (ostatnie 30 dni)