iframe不支持ios的解决办法


<div id="iframe-box">
<iframe id="ifram" src="https://www.baidu.com" width="100%"></iframe>
</div>
<style>
#ifram {
border: 0;
width: 1px;
min-width: 100%;
*width: 100%;
}
</style>
<script>
  
let ifram = document.getElementById('ifram');
if (navigator.userAgent.match(/iPad|iPhone/i)) {
let iframe_box = document.getElementById('iframe-box');
iframe_box.style.width = 100 + '%';
iframe_box.style.overflowX = 'hidden';
iframe_box.style.overflowY = 'scroll';
iframe_box.style.webkitOverflowScrolling = 'touch';
ifram.setAttribute('scrolling', 'no');
iframe_box.appendChild(ifram)
}

  
</script> 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM