Ajustar Site de acordo com a resolução da tela
Tá aí uma dúvida que pega qualquer desenvolvedor que está começando. Como fazer com que um site fique bonitinho em qualquer monitor que acessá-lo?
Existem diversas maneiras para isso, vou mostrar aqui a mais dócil pra quem tá começando agora a sofrer com web desenvolvimento.
Basta adicionar o script abaixo em uma página salva com o nome de "index.html". (sem as aspas pelor amor de Deus). Assim o código se encarregará a descobrir qual a resolução que cada visitante usa. E depois ele encaminha para a página correta. Claro, você precisa criar uma página com o layout para cada monitor.
/*
Redireciona de acordo com a resolução
*/
//para resolução 800x600
if (screen.width==800
screen.height==600)
window.location.replace("800600/index.php")
//para resolução 640x480
else if (screen.width==640
screen.height==480)
window.location.replace("640480/index.php")
//para resolução 1024x768
else if (screen.width==1024
screen.height==768)
window.location.replace("1240768/index.php")
//para outras resoluções
else
window.location.replace("1240768/index.php ")
/*
Redireciona de acordo com a resolução
*/
//para resolução 800x600
if (screen.width==800
screen.height==600)
window.location.replace("800600/index.php")
//para resolução 640x480
else if (screen.width==640
screen.height==480)
window.location.replace("640480/index.php")
//para resolução 1024x768
else if (screen.width==1024
screen.height==768)
window.location.replace("1240768/index.php")
//para outras resoluções
else
window.location.replace("1240768/index.php ")
O código é curto, mas funcional!