Div高度（vw单位？）在IOS safari中不起作用

Question

http://codepen.io/anon/pen/aBWvMX

预期的行为是，在大窗口大小时，黄色和红色div彼此相邻，而在较小的位置，它们堆叠在顶部并且可以滚动。

适用于PC上的Chrome，Firefox，IE。

适用于Mac上的Chrome，Firefox，Safari。

这适用于Android上的Chrome。

这对IOS设备上的Chrome或Safari无效!!!

相反，在IOS设备上，这被渲染为一个远大于视口的大型div。另一个div根本没有出现。

我尝试过各种各样的事情，但我获得一些成功的唯一方法就是在css中使用@media查询。我宁愿不这样做，因为我无法保证支持所有设备。

HTML：

null

CSS：

String replaced = text.replaceAll("\\bnull\\b|,", "");

Answer 1

解决：

该问题与视口或与浏览器/操作系统的兼容性无关。

我使用来自DNS提供商的掩码进行转发，而他们只是通过iframe转发到网站（哎呀！）。

如果你和GoDaddy在一起，你可能会遇到同样的问题。