Abaixo, falarei de um código simples em javascript muito utilizado para chamar páginas “index” diferentes, quando identificada a resolução do monitor.

Como exemplo, crie 3 páginas homes nos diferentes tamanhos, uma ajustada para 1024×768, outra para 800×600 e uma para servir de página mestra.

Salve-as como:

index.html (mestra)
index_1024×768.html (layout ajustado para 1024×768)
index_800×600.html (layout ajustado para 800×600)

Abra o código HTML da página mestra e insira este código logo abaixo do head:

<script language="JavaScript">
function resolucao_img_sk(){
if (screen.width == "800" && screen.height == "600"){
window.location.href="index_800x600.html";
}
if (screen.width == "1024" && screen.height == "768"){
window.location.href="index_1024x768.html";
}
}
resolucao_img_sk();
</script>

A partir desse código, você poderá modificar o script para abir páginas de outras resoluções. Basta adicionar mais “IFs” e criar novas páginas na resolução desejada.