vue中让嵌入的iframe完美自适应宽度、高度-----嵌入的时候经常有不适应的情况，太长或太宽、滚动条。。。 

 1   
 2     <div class="video">
 3       <iframe
 4         src="http://www.baidu.com"
 5         frameborder="0"
 6         scrolling="auto"
 7         id="bi_iframe"
 8         @load="adjustIframe"
 9         style="position: absolute; top: 0px; left: 0px"
10       ></iframe>
11     </div>
12 
13   adjustIframe() {
14       var ifm = document.getElementById("bi_iframe");
15       ifm.height = document.documentElement.clientHeight;
16       ifm.width = document.documentElement.clientWidth;
17     },

 

posted @ 2022-09-13 18:10  挖眼猪  阅读(799)  评论(0)    收藏  举报