最新文章
- 07/14程序猿必备的20个常用正则...
- 07/14十个典型实用的w88手机版代码整...
- 07/12WordPress程序/f...
- 07/12修改wordpress网站...
- 07/12如何一次性删除wordpr...
- 07/12通过WordPress类判...
- 07/12WordPress主题制作...
推荐阅读
- 02/27宝塔面板python2.7升级...
- 02/19宝塔面板站点PCI DSS不合...
- 02/19宝塔面板站点站长工具中点亮HT...
- 02/14宝塔面板https协议无法获取...
- 02/11宝塔Windows面板下SQL...
- 02/02宝塔控制面板利用nginx实现...
- 09/18宝塔控制面板FTP增加Flas...
NO.1
二次开发使网站无限接近“完美”
w88手机版web已经是国内最强的的开源电子商务系统了,但并非完美,因为任何...
NO.2
二次开发使网站永远“年轻”
互联网3年一轮回,京东凡客等电商品牌在三年之前也不过是小打小闹,而如...
NO.3
二次开发使您领先于同行
电商已经成为趋势,传统行业的竞争已经逐渐演变到网络上,也有不少用Weboss...
NO.4
二次开发使网站更符合行业...
w88手机版web系统是固定的模式,适用于大部分行业与需求。但有一些行业还是有自己...
iphone手机ios系统移动端下不兼容iframe解决方案
发表:管理员 发表时间:2020-06-01 22:59:20 阅读:(1064)次
iphone手机ios系统移动端下不兼容iframe解决方案
https://www.lk7x4.com/article-125-836.html
文章来源:草莓互联 www.lk7x4.com
直接贴上代码 <div id="iframe-box"> <iframe id="ifram" src="https://www.lk7x4.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>