metatag viewport

[inddy 0]

Oi, bom dia.

 

Estou usando <meta name="viewport" content="width=320px, initil-scale=1">, quando o dispositivo esta em portrait, o design fica bem encaixado, na escala certa. Mas quando viro p/ landscape, a escala está excedendo o tamanho da tela, e tenho que diminuir o zoom p/ ficar na escala ideal.

Alguem pode me ajudar a resolver isso?

[sergiolopes 3]

Opa, você provavelmente deve estar testando seu site no iOS - iPhone, iPad ou iPod, certo?

 

Esse é bug conhecido que só acontece no iOS. E a Apple não corrigiu até hoje. Quando você rotaciona o dispositivo, ele dá um zoom no conteúdo e o usuário precisa diminuir pra ver tudo.

 

Existem hacks que solucionam esse bug, sendo o mais famoso esse aqui:

https://github.com/scottjehl/iOS-Orientationchange-Fix

 

Abraços!

[Maujor 144]

Não defina width em pixel, defina width para a largura do device

 

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

[hinom 5]

#3

infelizmente é incompatível..

experimente rotacionar o dispostivo, pois essa é a questão..

 

 

o mais seguro é a "gambiarra" no link do post #2