Iframe is not displayed on Android devices in Chrome browser

You see, I have the following situation, I have an Iframe that is displayed on apple devices without problem, no matter the model, on desktop / pc it shows no problem, on android devices with any browser other than chrome is displayed correctly, now, with android devices and chrome browser, IFrame is sometimes shown and sometimes not, my IFrame is the following:

<iframe id="lgnIfra" width="100%" marginheight="0" marginwidth="0" onLoad="resize()" scrolling="no" frameborder="0" src="<%=path%>" align="bottom" iframe.src="javascript:parent.getFrameHTML()"></iframe>

Is there any way to load IFrame without any problem on Android devices and using chrome as a browser?

Edit1

What I can think of doing is to do something else when that id of the iframe is loaded and call another function, so try lake how this:

function resize() {
    var form = document.getElementById("lgnIfra");
    if(form != "lgnIfra"){
        $('iframe:not(.not_resize)').each(function(index, iframe){
            iframe.style.height = 0;
            iframe.style.height = iframe.contentWindow.document.body.scrollHeight + 'px';
        });
    }else{
        $('#lgnIfra').load(function(){
            var Height = document.getElementById('lgnIfra').contentWindow.document.body.scrollHeight;
            document.getElementById('lgnIfra').height = Height + 40;
        });
    }
}

But it does not work, my question, am I getting correctly the id of the iframe?