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;
}

 

转载于:https://www.cnblogs.com/luov/p/9915238.html