获取容器的高度和宽度，SVG调整大小以适应窗口大小调整

Question

基本上，这里的目标是获取SVG，如果<object>的父包装器高度小于SVG，则SVG位于<object>内以调整大小。现在发生的是SVG溢出......但是，SVG在调整宽度时会响应。

这是我的jquery的部分，相对部分。

var a = document.getElementById("theSVG");

    a.addEventListener("load",function(){
    var SVGfit = function() {
            var containerWidth;
            var containerHeight;

            if (typeof window.innerWidth != 'undefined') {
                containerWidth = $("#wrapper").width;
                containerHeight = $("#wrapper").height; //get the SVG wrapper container size
            }
            var svgTag = document.getElementsByTagName("svg")[0];
            var svgBox = svgTag.viewBox.baseVal;

            svgBox.setAttribute("viewBox","0 0 "+ containerWidth+ " "+containerHeight);
        }

        window.addEventListener("resize",SVGfit,false);

和我的HTML：

<div id="wrapper">
    <section id="svg">
            <object data="MonroeJeff.svg" type="image/svg+xml" id="theSVG"></object>
    </section> <!--close svg-->
</div><!--close wrapper-->

指向我正在处理的网站的链接： http://zadias.me/SVG/Monroe%20Jefferson/MonroeJeff.html

注意如果你在高度方面调整窗口大小，SVG溢出，但包装边框确实适应。

目标：根据父母的身高调整大小。

感谢任何帮助。 感谢。