in the code of my site then 1 vw (viewport width) after rotating device from land..." /> in the code of my site then 1 vw (viewport width) after rotating device from land..." /> in the code of my site then 1 vw (viewport width) after rotating device from land..."/>

Chrome for Android doesn't correctly display vw

471 Views Asked by At

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?

2

There are 2 best solutions below

1
On BEST ANSWER

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

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

1
On

This is what I put for viewport:

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