Pergunta

When I put <\meta name="viewport" content="width=device-width"/> in the code of my site then 1 vw (viewport width) after rotating device from landscape to portrait or vice versa doesn't update. For example if my phone screen is 640x360 and I open my site in portrait mode then 1vw = 1/360px but when I rotate it's still, but should be 1/640px. In Firefox for Android everything seems correctly. Is there any way to make it work without javascript?

Foi útil?

Solução

That's because it is not properly supported for Android yet.

http://caniuse.com/#search=Vw

Outras dicas

This is what I put for viewport:

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top