• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Chowanie się części strony przy zmniejszaniu rozdzielczości

Aruba Cloud - Virtual Private Server VPS
0 głosów
205 wizyt
pytanie zadane 27 listopada 2017 w HTML i CSS przez Borówa Dyskutant (8,370 p.)

Cześć,

niby proste, ale nie mogę tego znaleźć.

Jak sprawić aby np. dolna część strony znikała przy zmniejszaniu? Chodzi o to by górny obrazek został przyklejony do div'a i nie wyjeżdżał za kolorowe tło.

#headerTop {
    height: 70vh;
    width: 100vw;
    background-color: #8E236B;
}

#headerTop img {
    width: 70%;
    position: fixed;
    top: 15%;
    left: 15%;
}

#headerBottom {
    height: 30vh;
    width: 100vw;
}

#headerBottom img {
    width: 70%;
    position: fixed;
    top: 85%;
    left: 15%;
}

Proszę o pomoc.

 

 

1 odpowiedź

0 głosów
odpowiedź 27 listopada 2017 przez Tomek Sochacki Ekspert (227,490 p.)

Jak sprawić aby np. dolna część strony znikała przy zmniejszaniu?

Chodzi Ci chyba o reguły @media w CSS, plus do tego:

<meta name="viewport" content="width=device-width">

 

Podobne pytania

0 głosów
1 odpowiedź 418 wizyt
0 głosów
2 odpowiedzi 1,998 wizyt
0 głosów
2 odpowiedzi 472 wizyt
pytanie zadane 21 maja 2017 w HTML i CSS przez sonewbie Użytkownik (690 p.)

93,327 zapytań

142,323 odpowiedzi

322,397 komentarzy

62,658 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

Wprowadzenie do ITsec, tom 1 Wprowadzenie do ITsec, tom 2

Można już zamawiać dwa tomy książek o ITsec pt. "Wprowadzenie do bezpieczeństwa IT" - mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy aż 15% zniżki! Dziękujemy ekipie Sekuraka za fajny rabat dla naszej Społeczności!

...