Element s 100% width, height

Zdravím, pokúšam sa o menší dizajn webu, na ktorom pracujem, rád by som vedel ako nejak "efektívne" spraviť, že stránka má proste viacero častí / elementov a tie zaberajú v podstate takmer 100%, 100% v okne prehliadača a uživateľ to postupne scrolluje. Pozadie elementov je nastavene na Niečo podobné: http://www.detroit.sk/ . Teraz mám tie časti nastavené na width: 100% a height: xxx px; Ale chcem aby to bolo trochu viac responsive, takže použijem napr. @media v css prípadne to budem pri loadingu nastavovať cez JS ? niekto kto by mal nejaký tip, rád privítam dik

Media queries ani moc nepotrebuješ (jedine, že by si chcel pre rôzne rozlíšenia trochu upravovať rozloženie webu), skôr budeš potrebovať ten JS (robil som pár podobných webov a vždy som potreboval javascript).
Tu máš ukážku toho, ako pracovať s pozadiami: http://ianlunn.co.uk/plugins/jquery-parallax/ (tu je k tomu vysvetlenie, ako to robil http://ianlunn.co.uk/articles/recreate-nikebetterworld-parallax/).
A ak ešte niečo potrebuješ, tak sa inšpiruj na stránke detroit.sk (pozri si zdroják).

Presne s tím JS som to hľadal, skúsim to použiť dik