Usuário com melhor resposta
Paginas para dispositivos móveis

Pergunta
-
Respostas
-
Thiago
Você tem as seguintes opções.
- Identificar o Browser e redirecionar para a versão mobile e para isso você precisará ter 2 versões do website.
- Utilizar a propriedade MEDIA da tag LINK onde você faz referência ao CSS, ou seja, você referenciará os CSS criados, tanto para mobile quanto para desktop e o browser se encarrega de utilizar o adequado.
Não vou arriscar a exemplificar por não ser um especialista, apesar de me virar bem, mais deixo aqui um link de um site que você pode confiar de olhos fechados e acredito que você já conheça.
http://tableless.com.br/introducao-sobre-media-queries/
Atenciosamente,
Raphael A. F. Cardoso
Blog: www.csharpbrasil.com.br
Twitter: @csharpbrasil / @ferronicardoso
“Se um dia você tiver que escolher entre o mundo e o amor, lembre-se: Se escolher o mundo ficará sem amor, mas se você escolher o amor, com ele conquistará o mundo” (Albert Einstein)- Marcado como Resposta Harley Araujo terça-feira, 17 de julho de 2012 12:29
-
Amigo,
Como o Raphael disse o melhor é verificar o browser e redirecionar usuário, com uma rápida pesquisa achei um site bem legal que disponibiliza os códigos prontos para identificar os browser em várias versões, segue o link:
http://detectmobilebrowsers.com/
Espero ter ajudado.
Não esqueça de marcar como útil uma resposta que te ajude.
"A diversão é a alma do negócio"- Marcado como Resposta Harley Araujo terça-feira, 17 de julho de 2012 12:29
Todas as Respostas
-
Olá Thiago, tudo bem?
Você já chegou a testa-lo em um dispositivo móvel?
Você precisará fazer um novo CSS ( Folha de estilo) para o site especifico para dispositivos mobile. Essa é unica solução.
De qualquer forma, seu site poderá ser exibido em dispositivos móvel sem nenhuma alteração, mais não ficará tão confortável de navegar por conta dessa necessidade de ajuste.
Atenciosamente,
Raphael A. F. Cardoso
Blog: www.csharpbrasil.com.br
Twitter: @csharpbrasil / @ferronicardoso
“Se um dia você tiver que escolher entre o mundo e o amor, lembre-se: Se escolher o mundo ficará sem amor, mas se você escolher o amor, com ele conquistará o mundo” (Albert Einstein) -
pois é eu já testei ele em um smartphone e como vc disse não fica confortável, sei tmb que terei que fazer outro css próprio para isso, mas como saberei no meu site que estou acessando ele por um dispositivo móvel? Para poder carregar as páginas corretas.
-
Thiago
Você tem as seguintes opções.
- Identificar o Browser e redirecionar para a versão mobile e para isso você precisará ter 2 versões do website.
- Utilizar a propriedade MEDIA da tag LINK onde você faz referência ao CSS, ou seja, você referenciará os CSS criados, tanto para mobile quanto para desktop e o browser se encarrega de utilizar o adequado.
Não vou arriscar a exemplificar por não ser um especialista, apesar de me virar bem, mais deixo aqui um link de um site que você pode confiar de olhos fechados e acredito que você já conheça.
http://tableless.com.br/introducao-sobre-media-queries/
Atenciosamente,
Raphael A. F. Cardoso
Blog: www.csharpbrasil.com.br
Twitter: @csharpbrasil / @ferronicardoso
“Se um dia você tiver que escolher entre o mundo e o amor, lembre-se: Se escolher o mundo ficará sem amor, mas se você escolher o amor, com ele conquistará o mundo” (Albert Einstein)- Marcado como Resposta Harley Araujo terça-feira, 17 de julho de 2012 12:29
-
Amigo,
Como o Raphael disse o melhor é verificar o browser e redirecionar usuário, com uma rápida pesquisa achei um site bem legal que disponibiliza os códigos prontos para identificar os browser em várias versões, segue o link:
http://detectmobilebrowsers.com/
Espero ter ajudado.
Não esqueça de marcar como útil uma resposta que te ajude.
"A diversão é a alma do negócio"- Marcado como Resposta Harley Araujo terça-feira, 17 de julho de 2012 12:29
-
Veja o artigo Classe HttpBrowserCapabilities para Detectar Browser e Verificar Recursos do Navegador
Abraços, Marcelo Cavalini