Javascript全高介绍部分带有自动填充chrome错误，未正确显示

我试图用一些基本的javascript标记实现一个完整高度的介绍部分

更详细地说：
我得到了一个父DIV元素，它充当包装器，应该适应整个视口高度。由于某些移动不兼容，css“高度：100vh”无法工作。所以我坚持这个准则。不久前它工作得很好。我没有改变任何东西，突然它在chrome上一夜之间停止工作了？！高度计算不正确

我附上了我的代码和一些案例截图

我相信你能帮助我。
提前谢谢你

---

尝试<代码>高度：100vh表示全高。

您仅在div元素中设置padding和margin属性。为什么不简单地设置元素的高度和宽度？我选择此选项是为了简单地将包含一些内容的“欢迎div”垂直居中，但我尝试一下！已经试过了，但在手机版中它不适合全高。

$(document).ready(function(){

'use strict';

setInterval( function() {

    var windowHeight = $(window).height();

    var containerHeight = $("#intro-wrapper > .inner").height();

    var navHeight = $("header#main").outerHeight(true);

    var border = 20;

    var padTop = windowHeight - 20 - (containerHeight+navHeight);

    $("#intro-wrapper > .inner").css ({

        'padding-top': Math.round(padTop / 2) + 'px',
        'padding-bottom': ((padTop / 2)- border) + 'px',
        'margin-bottom': border + 'px'
    });

}, 0);
});