CSS 3 @viewport

[goodeathx 8]

Boa noite galera, estou desenvolvendo um layout responsivo, mas estou com uma dúvida respeito do @viewport...

 

Meu celular, que estou usando como modelo, tem resolução de 320x480 pixels... só que, quando eu executo um alert(window.innerWIdth) ele retorna 800px de largura, e trata como se fosse 800px mesmo. Até a media query reconhece como 800 pixels.

 

A altura está em 1003 pixels...

 

Não estou conseguindo entender o porque disso, pois as divs que estão configuradas para 100%, estão ocupando a tela inteira, mas com tamanho efetivo ruim... Minha maior preocupação é saber o porque dessa diferença. Sei que tem algo relacionado aos 'pixels per inch', mas mesmo assim ta complicado.

[William Bruno 1501]

Vc colocou a metatag viewport ?

[Natan S. 6]

Na verdade o tamanho da tela do seu celular é de 320x480 e a resolução é de 800x600.

Por que você acha que celulares com telas de 4 polegadas conseguem exibir videos em FULL HD (1920x1080) ?

 

Tem uma diferença entre resolução e tamanho de tela.

Faça o uso ta metatag viewport como o William Bruno disse:

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

[Electronic 124]

 

Na verdade o tamanho da tela do seu celular é de 320x480 e a resolução é de 800x600.

Por que você acha que celulares com telas de 4 polegadas conseguem exibir videos em FULL HD (1920x1080) ?

 

Isso não faz sentido

o celular não tem duas resolução, ou é 320x480 ou 800x600 ou outra e nao duas

 

e um celular de 4 polegadas consegue exibir 1920x1080 por ter pixels menores

logo tem mais pixels por polegada -> (maior DPI) -> maior qualidade na imagem

 

você mesmo disse

Tem uma diferença entre resolução e tamanho de tela.

 

tbm acho que faltou a dita tag

[Natan S. 6]

Eu coloquei a tag, e eu não disse que tem duas resoluções, disse que tem uma diferença entre o tamanho da tela e a resolução dela.

[Electronic 124]

Eu coloquei a tag, e eu não disse que tem duas resoluções, disse que tem uma diferença entre o tamanho da tela e a resolução dela.

 

e tbm disse que

Na verdade o tamanho da tela do seu celular é de 320x480 e a resolução é de 800x600.

 

 

320x480 isso não é tamanho de tela.

 

 

sobre faltar a tag, me referia ao autor do tópico

[Natan S. 6]

Certo, mas este é o tamanho da tela física.

 

A resolução é maior.

[Electronic 124]

Certo, mas este é o tamanho da tela física.

A resolução é maior.

 

Não, vc esta confundindo

pixels não é medida de tamanho

o que mede tamanho é polegadas

 

320x480 ou outra - é resolução

pixels na horizontal X pixels na vertical

 

Veja

Lumia 920 tem a mesma resolução que o Nexus 4 - 1280x768

mas o Lumia é menor 4.5" Nexus 4.7"

Logo seu PPI é maior

 

[Natan S. 6]

 

Não, você esta confundindo

pixels não é medida de tamanho

o que mede tamanho é polegadas

 

320x480 ou outra - é resolução

pixels na horizontal X pixels na vertical

 

Veja

Lumia 920 tem a mesma resolução que o Nexus 4 - 1280x768

mas o Lumia é menor 4.5" Nexus 4.7"

Logo seu PPI é maior

 

 

Realmente, confundi mas agora entendi.

 

Obrigado

[goodeathx 8]

Galera, a metatag eu tinha esquecido de colocar... achei que não era obrigatória por causa do CSS3, valeu aí