iframe在ios webview的bug

iframe在ios里webview變大問題：
背景：iframe比父元素的寬高都要大，導致父元素被撐開，width和height都設置為100%也沒有解決
解決方法：加下面一段js
(function() {
                var ua = window.navigator.userAgent.toLocaleLowerCase();

                if(ua.indexOf('iphone') > -1){
                    var iframeHeight = document.getElementById('iframe').clientHeight;

                    var vpWidth = window.innerWidth;
                    var vpHeight = window.innerHeight;

                    var time = new Date().getTime();

                    var clTimer = setInterval(function(){

                        if(window.innerHeigth !== iframeHeight ){
                            onIframeLoad();
                            // clearInterval(clTimer);
                        }

                        if(new Date().getTime() - time > 5000 ) clearInterval(clTimer);
                        
                    },100)

                    function onIframeLoad(){
                        setTimeout(function(){
                            $(document.head).append('<meta name="viewport" content="width='+window.innerWidth +', height='+ window.innerHeight +', initial-scale=1.0, maximum-scale=1.0, user-scalable=0">')
                        }, 0);
                        
                    }
                }
            })()

 

 

iframe在ios里webview滑動問題：在iframe外面的div加定位

div{
  position: fixed;
  top: 0;
  left: 0;
}