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:
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ /><title>Detectando Resolução de tela</title>
<link rel=”stylesheet” href=”geral.css” type=”text/css” media=”screen” />
<script type=”text/javascript” language=”javascript”>
if (screen.width >= “1024″) {
document.write(’<link rel=”stylesheet” href=”geral.css” type=”text/css” />’)
}
else {
document.write(’<link rel=”stylesheet” href=”auxiliar.css” type=”text/css” />’)
}
</script>
</head>
<body>
...
</body>
</html>
Fonte: CodigoFonte
Postagens
0 comentários:
Postar um comentário
Siga nosso blog e faça seu comentário !
Observação: somente um membro deste blog pode postar um comentário.