[Resolvido] Altura diferente para diversos dispositivos

[janis_joplin 0]

Pessoal,

 

Estou desenvolvendo o primeiro site pra mobile, tô apanhando ainda.

Na home eu tenho apenas quatro ícones e a logo, mas no iphone eles estão aparecendo com scroll.

 

Como eu faço pra redimensionar a tela no iphone sem afetar no ipad?

Penso que se eu ajustar a altura com o css ela poderá ficar muito pequena no ipad.

 

Existe alguma maneira dele identificar a altura da tela e ajustar o layout a ela?

[hinom 5]

pesquise por:

javascript screen width

javascript screen height

 

 

 

veja também sobre a metatag "viewport"

 

http://bit.ly/S1tR6h

 

http://developer.apple.com/library/safari/#documentation/appleapplications/reference/SafariHTMLRef/Articles/MetaTags.html

[janis_joplin 0]

Estive pesquisando sobre o viewport pelo que entendi vou ele detecta a largura de cada dispositivo, mas terei que configurar o css para cada um.

Por exemplo: estando seta a viewport com "width=device-width" ele detecta a width do dispositivo, mas eu terei que ter um css individual para cada um configurado (iphone, ipad, galaxy etc)

 

é isso mesmo ou não estou sabendo aplicar corretamente?

[hinom 5]

há diversas formas de resolver.

 

se quer uma forma simples, que não exija conhecimentos profundos em css e javacript,

pesquise por "responsive design"

 

exemplo:

http://mattkersley.com/responsive/

[janis_joplin 0]

Obrigada pela ajuda hinon.

 

Entendi o conceito o responsive e já apliquei no layout.

O problema que estou enfrentando é que no modo retrato o layout ficou ok, mas quando vou para o modo paisagem a tela se expande e o layout explode para além da tela, parece que fica maior em largura do que as outras (em modo retrato), mesmo que eu sete para o modo paisagem uma largura fixa.

[hinom 5]

acho que isso que você descreveu deve ser o "bug do meta viewport"..

 

veja se ajuda em algo:

http://forum.imasters.com.br/topic/454487-metatag-viewport/

[janis_joplin 0]

Hinom...

 

Obrigada pelas dicas.

Consegui perfeitamente corrigir os bugs no desenvolvimento com estas dicas que você apontou.

 

Obrigada!