Dopasowanie strony do rozmiarów okna

Question

Witam :)

Jestem początkujący jeśli chodzi o tworzenie stron :) Na razie potrafię obsługiwać się jedynie html'em i css'em. Chciałbym prosić abyście wytłumaczyli mi jedną rzecz. Jak sprawić aby strona "skalowała się" wzgłdem wielkości rozmiaru okna przeglądarki i rozdzielczości użytkownika.

tak jak jest to np w przypadku tej strony http://jasonjam.es/

 

Czy da się to uzyskać samym htmlem i cssem ? :) Przepraszam jesli byl juz taki temat, szukalem jednak sporo odpowiedzi dotyczylo konkretnego przypadku a jako ze jestem poczatkujacy niezbyt ogarniam wszystko i chcialbym prosic o indywidualne odpowiedzi. I jeszcze jedna sprawa co jest przyczyną "rozlewania się" divów w momencie zmiany wielkosci okna ? jak tego uniknąc i zabezpieczać się przed tym ? Chciałbym aby moja strona zmieniała wielkosc wyswietlanych elementow, nie swoją strukturę.

Z góry dziekuje za odpowiedz i przepraszam za wszystkie niedociagniecia zwiazane z moją nieznajomościa tworzenia stron.

Answer 1

Większość rzeczy da się zrobić z użyciem CSS. 

Można wielkości podawać w procentach np. 50%, 100%, można też używać @media aby przy różnych wielkościach ekranu używało różnych reguł CSS. I tak to zwykle robią wszelkie frameworki jak Bootstrap. 

Szukaj też informacji na temat RWD - Responsive Web Design

https://pl.wikipedia.org/wiki/Responsive_Web_Design

---

EDIT: zmiana wielkości ekranu wymusza zmianę układu elementów na stronie aby były one wciąż czytelne.

Answer 2

Framework Bootstrap, dużo tutoriali jest na jego stronie.

można w samym css'ie za pomocą użycia @media, musisz na ten temat poczytać :P