Question

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?

Was it helpful?

Solution

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

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

OTHER TIPS

This is what I put for viewport:

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top