CSS vh, vw 怎么计算？

是这样的，我在做一个移动端项目，使用了rem来做适配。
前提：

*{
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

我给html， body， div#app容器设置了宽高分别为100vw和100vh，然后给div#app下的一个div.container容器设置了宽高为100%。
但是，iphone6下却出现了滚动条，范围不大。
然后通过控制台可以看到html，body，div#app和div.container宽高一样，如下图所示：

但实际上iphone6的宽高如下图所示：

这应该就是为什么会出现滚动条了吧？
先记到这里，明天再解决。。。
待参考资料：

1. 视口概念
2. width|mdn