A melhor solução é você usar o CSS amigo. Use o Javascript para detectar qual a resolução do usuário. Em seguida crie 3 CSS (Por exemplo) cada seguindo essa ideia: CSS 1: body {Background: url(Imagem640X480.png) no-repeat;} CSS 2: Tudo igual ao CS1, menos o Bacground que ficaria: body {Background: url(Imagem1024X786.png) no-repeat;} CSS 3: Tudo igual ao CS1, menos o Bacground que ficaria: body {Background: url(Imagem1900X1080.png) no-repeat;} Ae ao detectar A resolução ele seleciona qual CSS vai carregar. ae não precisa criar páginas diferentes para resoluções diferentes. Uma só resolve seu problema. Nesse caso o CSS funcionaria como Skins. mas resolveria o problema da resolução numa boa. O mesmo vale pra todo o site. Se quiser pode mudar tamanho de botões, div, span, imagens, etc...