CSS - proporcjonalna strona

Question

Cześć,

Tworzę stronę WWW i spotkałem się z niemałym dla mnie problemem. Zauważyłem, że strona na innej rozdzielczości wygląda kompletnie inaczej, tzn. stronę trzeba przesuwać suwakiem. Chciałbym w niższych rozdzielczościach uzyskać efekt "zmniejszenia strony", który występuje w przeróżnych przeglądarkach. Czy ktoś mógłby mi pomóc jak wykonać taki rezultat? Pozdrawiam.

Na każdej rozdzielczości chciałbym uzyskać taki efekt wyglądu strony:



Niestety na rozdzielczości 1024x768 strona wygląda tak:



PS. Mam nadzieję, że zrozumiecie o co mi chodzi :P

Answer 1

Poczytaj o Responsive Web Design.

Answer 2

krok 1: styluj elastyczne elementy, np. flex lub grid.

krok 2: tam gdzie to bedzie konieczne dorzuc @media na jakiś breakpointach.

Generalnie to tzw. rwd czyli strony dopasowujace się do wymiarów okna.

Answer 3

dodał bym również do tgo co napisali koledzy poniżej używać jednostek względnych rem,em,% zamiast px.