ajustar site no celular

[brunomarcel 0]

Olá pessoal,

gostaria de fazer com que esse site http://gambiarra.tagnclick.com.br/bruno/mapa-mobile/ ficasse sempre do tamanho da tela no celular e ficasse sem o scroll, mais não deixar um tamanho fixo, gostaria que ele ficasse certo tanto no iPhone quanto nos android's.

 

Estou usando a meta tag assim:

 

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

 

mais não esta adiantando nada =[

 

se alguém puder me ajudar eu agradeço muito.

 

Obrigado e até mais.

[christian.webi7 0]

Acredito que a essas alturas ja tenha conseguido, mas lá vai minha dica !

 

Tente usar o mesmo formato tableless, com elementos em % para que ele tenha uma certa versatilidade

 

layout liquido é a idéia !

 

Aqui tem algo Clique aqui

 

Se usar php para desenvolver páginas dinâmicas, tu pode usar algo como o get_browser($_SERVER['HTTP_USER_AGENT]) e trabalhar no array!

 

Outra dica, essa é mastigada, seria trabalhar em certos layouts mais avançados, por exemplo tablets que tem resolução maior ! Bom aqui vai a dica mastigada para essa façanha sem percorrer arrays e montar funções !

 

Clique aqui para mobile detect !

 

Existem meta tags para celular, mas nao lembro agora!

Grande abraço, espero ter ajudado em algo !