Resolução do monitor do client - usuario

Boa tarde pessoal, Estou desenvolvendo um sistema e gostaria de uma ajuda: -> estou desenvolvendo o css em grande maioria em % (width:100%. heigth:auto), ou seja so alguma coisas que uso px. Só que no monitor que estou desenvolvendo ele aparece bonito, perfeito quando eu restaouro o tamanho da tela(o inverso de maximizar) ele fica todo desfigurando. Como eu faço para corrigir isso? Outra coisa como eu faço pra adaptar meu site para abrir normalmente em (qualquer resolução de monitor incluindo tablets, smartphone, ipad, pc com 14", 21" outros)? Preciso criar um site pra cada resolução ou so alterar o css? Me ajudem ai pessoal.