Categorias

CSS para resolução de tela

Muitas vezes, temos certos problemas quanto a resolução de tela em Sites ou Aplicações Web. Por exemplo, criamos um serviço muito útil para Web, criado primeiramente para resolução de tela 1024px ou superior, com três colunas de conteúdo, imagens grandes etc., e que recebe diariamente 10.000 visitas.

Vamos imaginar que ao analizar as estatísticas do sistema, verificamos que 30 % dos usuários utilizam resolução 800 x 600
e 8% utilizam ainda a resolução de 640 x 480 px. Com certeza o nível de rejeição de um sistema como esse, por melhores que sejam suas funcionalidades, será alto, pois a experiência que usuários passarão não será muito agradável.

Para tentar resolver esse problema podemos utilizar um recurso simples, em Java Script, hoje muito utilizado no chamado Ajax, fazendo com que o navegador reconheça a resolução do usuário e atribua um CSS específico àquela resolução. Vamos começar abaixo:




Detectando Resolução de tela








...