当前日期时间
当前时间:
网站标志
Logo
全站搜索
广告位
phpweb图片广告
广告位
phpweb图片广告
自定内容

phpweb已经是国内最强的的开源电子商务系统了,但并非完美,因为任何...

互联网3年一轮回,京东凡客等电商品牌在三年之前也不过是小打小闹,而如...

电商已经成为趋势,传统行业的竞争已经逐渐演变到网络上,也有不少用Weboss...

phpweb系统是固定的模式,适用于大部分行业与需求。但有一些行业还是有自己...

当前位置
文章正文

iphone手机ios系统移动端下不兼容iframe解决方案

发表:管理员  发表时间:2020-06-01 22:59:20   阅读:(231)次  
直接贴上代码

<div id="iframe-box">
  <iframe id="ifram" src="https://www.100cm.cn/" 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>


脚注信息
© 2005-2015 草莓互联(100cm.cn) 广州同福信息科技有限公司 版权所有,并保留所有权利。

广州市东莞庄一横路116号 粤ICP备11046216号

经营性网站备案信息 广州网络警察报警平台 不良信息举报中心  百度信誉档案 广州工商红盾网 可信网站认证