iphone7上测试vue的移动端项目，无法全屏显示。怎样不被safari的地址栏和工具栏遮挡？-灵析社区

现在知道问题出来哪了。 我不再用自己的项目测试，而是只用最精简的页面进行测试，发现只要内容调试超过屏幕调试可以滚动，safari浏览器默认就会在你滚动的时候隐藏地址栏和工具栏。不需要添加任何额外的css代码或js代码或meta标签的属性。 那我的项目中为什么就不行呢？ 原因是我的单页应用中很多页面组件都是嵌套组件，嵌套组件内的外层容器都是宽度和宽度100%，设置了固定定位。在定位元素中的滚动是无法隐藏地址栏和工具栏的。可嵌套组件不用定位根本没法盖住父组件啊。 于是我只能到把嵌套路由全都改成了平级的路由，然后就可以取消组件内外层容器的定位布局。这样就正常了。 可这样虽然解决了safari的地址栏和工具栏的问题，但造成的影响也很大。那就是我无法再使用vue的嵌套组件了。