css para mobile

[Jair Humberto 2]

Alguém aí já desenvolveu para o mundo mobile?

 

Eu fiz um site pequeno com poucas linhas de código, semanticamente correto, com xhtml e css. o fiz exclusivamente para acesso de smartphones.

porém, levei um susto quando fui testa-lo no smartphone, no windows mobile, no ie mobile e opera mini; nada foi renderizado da forma correta.

um simples 22px estava apresentando do mesmo tamanho que a imagem de 36px. está terrível. mas no opera, firefox, safari e internet explorer 6

do pc comum, está funcionando perfeitamente.

 

depois de muitos testes cheguei a testar simplesmente uma div sozinha com o css. e descobri que o Opera mini não renderiza a div da forma correta.

seto largura, altura, borda, e nada é apresentado exceto cores de fundo e de fontes.

 

alguém sabe algum artigo de alguém que já tenha desenvolvido para tecnologia móvil que eu possa ler? E gostaria de saber se há algum emulador que eu possa baixar e instalar para ie, opera mini e chrome que são os que me deparei até agora. O opera mini demo do site do opera não funciona direito. Além de ser pesado não renderiza nem mesmo as cores do css.

 

Obrigado desde já.

[Evandro Oliveira 331]

Nunca tentei. Dizem que pra navegadores iPhone OS, basta retirar as animações em flash e ficará tudo OK.

Windows Mobile eu já desconfio qual seja o problema [iE6.0 Portable]. Não garanto nada agora, mas retorne a este tópico durante os próximos 3 dias que enqto tiver tempo livre vou dar uma olhada na documentação do Opera Mini

 

emulador de WAP

 

emulador do windows mobile

[Paulo de Tarso F. M. 24]

Meu caro, há algum tempo eu abri um tópico para abordar justamente a questão de desenvolvimento para mobile, veja se o conteúdo desse tópico lhe ajudará em alguma coisa:

 

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Vamos falar sobre mobile?

 

Depois do site da Empresa que trabalho, não mexi mais com isso... http://forum.imasters.com.br/public/style_emoticons/default/closedeyes.gif Caso tenha a curiosidade de analisar o código-fonte da versão mobile:

 

http://wap.incon-info.com.br

 

A versão "normal" é http://www.incon-info.com.br

 

http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

[Bruno Alano 0]

O CSS é normal, e é bom ultilizar um CSS Reset... A única diferência é usar a LARGURA 100% para todos os objetos e não declarar objetos em Pixels (height: 100px;).