精华内容
下载资源
问答
  • 苹果手机iframe撑大父页解决办法

    千次阅读 2018-08-14 15:07:42
    引入的页面是可以手触摸操作的,引入成功后安卓正常适应,可以手触摸操作,而苹果手机用手触摸放大时,iframe的宽也被放大了,变成了pc版。 1.试过将iframe外层盒子写死,页面宽度写死,然而iframe还是会被撑开,...

    最近项目中需要在自己页面里引入第三方页面,除了iframe我也不知道还有什么可以引入。

    引入的页面是可以手触摸操作的,引入成功后安卓正常适应,可以手触摸操作,而苹果手机用手触摸放大时,iframe的宽也被放大了,变成了pc版。

    1.试过将iframe外层盒子写死,页面宽度写死,然而iframe还是会被撑开,页面被撑大。(失败)

    2.试过给iframe外层盒子overflow hidden  但是这样的话iframe依旧撑大,超出的也只是隐藏了看不见(失败)

    3.只有给iframe写一个死width并且加!important才能避免iframe放大(然而这样的话不同的手机无法自适应)

    最终解决如下:

    	<div style='width:100%;height:100%;overflow: hidden;'>
    		<iframe id="iframe1" src="https://www.lifeccp.com/viewer/viewer.html?studyUID=1.2.840.10008.5.1.4.31.2902478067.10512.1533784252.649&userId=2777&sessionId=DA30E3E9A35D28D04FCF9994CDC7050C&hospitalId=562" height="90%";  frameborder="0" scrolling="no"></iframe>
    	</div>
    document.getElementsByTagName('iframe')[0].addEventListener('load',function(){
    	 	var wid = window.screen.width;
    		$('#iframe1')[0].style.cssText ="width:"+wid+"px !important;";
    })
    
    //在iframe页面加载完成后,给iframe设置等屏幕宽度 并且!important

     

    展开全文
  • 解决办法:在iframe外加一层第div,设置样式-webkit-overflow-scrolling:touch;overflow:scroll; 让超出的div 可以通过touch 来滚动 转载于:https://www.cnblogs.com/geek12/p/4885202.html...

    原来在html5下,iframe 只有 src 属性
    scroling='no'

    解决办法:
    在iframe外加一层第div,设置样式-webkit-overflow-scrolling:touch;overflow:scroll;

    让超出的div 可以通过touch 来滚动

    转载于:https://www.cnblogs.com/geek12/p/4885202.html

    展开全文
  • html:bo<div class="scroll-wrapper"> <iframe src=""></iframe> </div> 样式:.scroll-wrapper { -webkit-overflow-scrolling: touch; /*决定代码*/ overflow-y: scroll; /...

    html:bo
    <div class="scroll-wrapper">
    <iframe src=""></iframe>
    </div>

    样式:
    .scroll-wrapper {
    -webkit-overflow-scrolling: touch; /*决定代码*/
    overflow-y: scroll;
    /* 提示: 请在此处加上需要设置的大小(dimensions)或位置(positioning)信息! */
    }
    .scroll-wrapper iframe {
    /* 你自己指定的样式 */
    }

     

    局部滚动开启弹性滚动!
    body{

    overflow: scroll;
    -webkit-overflow-scrolling: touch;

     

    }

     

    转载于:https://www.cnblogs.com/lidongfeng/p/4895527.html

    展开全文
  • ``` <iframe id="iframe" src="https://www.baidu.com/index.php?tn=monline_3_dg" frameborder="0"></iframe> ... 我加载网页的时候,iframe加载了一个链接,苹果手机屏幕适配有问题,安卓手机没问题。
  • 解决boostrap中,iframe渲染下,苹果手机横向无法显示剩余内容问题 <!--[if lt IE 8]> ;ie.html" /> <![endif]--> style="-webkit-overflow-scrolling:touch; overflow: scroll;" > <iframe class="J_...

    描述: 问题解决了,采用的手势拖动显示剩余内容,并不是有了横向滚动条

     

    在head标签中加入

    <head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title>解决boostrap中,iframe渲染下,苹果手机横向无法显示剩余内容问题</title>
    <!--[if lt IE 8]>
    <meta http-equiv="refresh" content="0;ie.html" />
    <![endif]-->
    </head>

      <div class="row " id="content-main" style="-webkit-overflow-scrolling:touch; overflow: scroll;">
    <iframe class="J_iframe" id="iframe0" name="iframe0" width="100%" height="100%" src="index.html" frameborder="0" data-id="index.html" seamless></iframe>
    </div>

    转载于:https://www.cnblogs.com/qiyc/p/7145614.html

    展开全文
  • 使用iframe嵌套页面后,放到微信中苹果手机长按识别不出二维码,安卓的却可以,这个应该怎么解决
  • 现在很多朋友都是手机天天不离手,但是大家知道吗,我们的手机上有一个非常实用的隐藏功能,只需连续按下锁屏键5次,他就会显现,关键时刻能帮大忙,今天就来给大家讲解一下这个隐藏小功能,一起来看一下吧。...
  • 因第三方平台中涉及“长按扫码进入小程序功能”,经测试ios手机微信浏览器中无法识别二维码图片,特此记录解决方案。 解决方式很简单,直接上代码 思路:ifream嵌套页进入扫码功能时,在iframe上增加一层透明的img...
  • 苹果手机中运行的页面,在iframe 中 ,手指点击input框,自动弹出键盘后,输入几个文字,然后手指再点击一下input框之后,再在键盘里敲字母,就无法在input框显示所敲入的内容了。 解决方法: input组件接管...
  • 苹果手机页面不兼容问题——mui

    千次阅读 热门讨论 2018-08-29 21:00:35
      近期,客户打电话来说系统出现了一个问题,就是苹果的手机页面不能往下滑动,导致数据显示...  具体的原因是因为mui的框架样式不兼容苹果手机的浏览器,css样式有两个属性可以完美的帮助我们解决这个问题。我...
  • iframe空白

    2019-10-08 11:09:56
    优酷网页上复制的通用代码用来播放视频,浏览器和谷歌模拟器正常,但是发布后手机上打开一片空白,一直以为是苹果手机不支持iframe,最后发现是由于iframe播放链接是http的,而我们网页是https的,苹果手机给禁止了,...
  • 组长委以重任与我,解决苹果手机不兼容MUI的问题,我上网查了一些资料,发现关于这方面的解决方案大致分为两种,一是在HTML代码中,使用iframe 或者其他元素,用div装饰,二是用ionic框架替换MUI框架  先说说第一...
  • ios下iframe页面内的input手机输入法bug

    千次阅读 2018-05-31 23:37:45
    苹果手机中运行的页面,在iframe 中 ,手指点击input框,自动弹出键盘后,输入几个文字,然后手指再点击一下input框之后,再在键盘里敲字母,就无法在input框显示所敲入的内容了。 input组件接管keydown事件 获取光 ...
  • window.alert = function... var iframe = document.createElement("IFRAME"); iframe.style.display="none"; document.documentElement.appendChild(iframe); window.frames[0].window.ale...
  • 用户登录窗口iframe调用: <iframe src="{maccms:path}index.php?m=user-iframe.html" frameborder="0" scrolling="no" width="100%" height="25"></iframe> 特有标签: {maccms:userid} 会员ID {maccms...
  • 带壳截图这个功能的手机APP相信大家都已经十分熟悉了吧,有带壳截图需求的小伙伴们应该也都找到了自己觉得最好用,或者最适合自己的那个带壳截图神器,比如 SnapMod、iFrame、Pictailor 等等。 而今天Aliwen是要...
  • 场景在做公司官网h5项目时遇到iframe苹果X手机上右侧超出屏幕的问题,感觉像是被截断一样,但是在其他手机上显示正常。分析问题原因:页面a利用iframe嵌入了b,同时设置iframe的宽度为100% ,但是页面b的实际宽度...
  • 背景:最近因早期项目中反映出很多页面在ipad以及苹果手机中出现无法滑动的问题,所以开始去排查代码中的问题,经过重重测试最后定位到iframe的问题。 处理方式:通过查找才发现在ios下iframe的滚动兼容确实存在...
  • X5对于苹果安卓的的iframe的支持,不一致。iframe里面的ajax请求,在苹果页面会失效。能获得返回的参数,但是值都是空的。注意兼容 x5等手机内核的浏览器,有个meta很重要,他决定了页面的显示...
  • ios端兼容input光标高度问题详情描述:input输入框光标,在安卓手机上显示没有问题,但是在苹果手机上 当点击输入的时候,光标的高度和父盒子的高度一样。例如下图,左图是正常所期待的输入框光标,右...
  • 手机兼容性

    2019-03-11 13:56:00
    window.screen.width和window.screen.height(苹果和安卓),window.outerWidth和window.outerHeight(安卓) iframe: //iframe的样式,针对于解决苹果兼容 #mapPage { width: 100%; ...
  • 自动搜索这块的代码在电脑上都好用,在苹果手机上,输入英文会自动搜索,但是汉子就不起作用了,看了网上的方式,也不好用,大家帮忙看看。onkeyup这里要怎么修改,才能在苹果手机的浏览器里一样可以汉字输入触发...
  • 在使用vue写移动端页面时,发现iPhone手机中的X5内核浏览器不会改变title,原因是对于SPA这类单页面应用,路由的变化并不会触发页面更新document.title = to.meta.title,所以需要我们自己创建一个隐藏的iframe来...
  • 一、苹果手机上进入页面不全屏播放  webkit-playsinline 添加到video上 二、防止在手机上非WiFi情况下自动播放视频,可以做一个按钮,点击后添加可播放的视频的js或者iframe的路径,加载完js后防止部分浏览器视频...
  • h5网页检测手机是否安装了app。

    千次阅读 2017-04-24 10:41:43
    原理:h5页面内创建一个iframe 通过url scheme  实现h5与安卓和苹果之间的跳转。 实现:找客户端的同事获取url scheme,格式:xx://'跳转页面'/'携带参数';通过这个链接我们可以跳转到应用的某个页面,并携带一定...
  • 这是西瓜的手机端JS判断代码,现在一个严重的问题就是播放器调用返回到播放页面,第一次的时候又马上调用播放器,再从播放界面退出来就不会 这是代码,大神帮忙分析一下 ``` document.writeln(...

空空如也

空空如也

1 2
收藏数 38
精华内容 15
关键字:

苹果手机iframe