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

Question

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.

 

 

Answer 1

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">