Páginas HTML móveis básicos
-
26-09-2019 - |
Pergunta
Quais são o básico para criar uma página da web para um dispositivo móvel? Estou desenvolvendo uma página simples com uma tabela e vários links, mas quando a abro com o meu telefone Android, é muito pequeno, e tenho que aumentar o zoom para vê -lo claramente. Normalmente, quando eu acesso uma página pronta para dispositivos móveis, posso ver com clareza para começar.
Como eu posso fazer isso?
Felicidades.
Solução
Você pode começar ajustando suas regras CSS e usando as metatags certas:
http://learnthemobileweb.com/2009/07/mobile-teta-tags/
http://building-iphone-apps.labs.oreilly.com/ch02.html#ch02_id35932248
Isso resolverá o problema de redimensionamento. Para mais referências, você pode ler alguns capítulos deste livro:http://building-iphone-apps.labs.oreilly.com/
O que tem como objetivo desenvolver o WebApps para iPhone, mas (já que o iPhone e o Android usam navegadores do Webkit) também podem ser muito úteis para o Android.
Se você quiser criar um aplicativo web rico com rico, pode dar uma olhada no PhoneGap http://www.phonegap.com/
Outras dicas
Muito disso depende do tamanho da sua exibição. Se você não está construindo o site para se ajustar a um tamanho de tela específico, ele (muitas vezes) será o padrão de uma resolução padrão do navegador. Tente definir a altura e a largura do seu elemento corporal para algo apropriado para o seu telefone Android e recarregar a página.
Depois de ter o tamanho certo em mente, é como criar qualquer outro site.
Você definiu seu doctype como XHTML Mobile?
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml- mobile10.dtd">