Redimensionar página de acordo com tamanho do Broswer

Olá!

Não sei nada de JS e sei um pouco de HTML e CSS.

Eu criei um site em tamanho 1000px x 500px. Entretanto percebi que, quando diminuo o tamanho do broswer, algumas divs criadas simplesmente não aparecem, pq o div principal (que engloba todas as outras divs do site) está com o overflow: hidden. Outra coisa que percebi é que as divs começam a se sobrepor, caso o broswer seja diminuido de tamanho.

Eu tenho procurado a alguns dias já, mas não consigo achar em nenhum lugar um script que me ajude no que eu quero.

Eu gostaria de saber se tem como, conforme diminuo o tamanho do navegador, o meu site e todo o seu conteúdo diminua proporcionalmente. Não tem problema se o conteúdo ficar ilegível ou pequeno demais a ponto de parecer sumir da tela. O meu interesse, aqui, é que ele mantenha as proporções e posições dos divs exatamente iguais ao tamanho para que ele foi projetado.

Valeu pela ajuda! :)