We are using an IFrame which works fine when viewed in all browsers.However when viewed in IPad the content of div inside IFrame Overflows below. Refering to the link IFrame in IOS, The solution given over here shown fiddle gives the adds a wrapper

我们使用的IFrame在所有浏览器中都可以正常工作。但是当在IPad中查看时,IFrame内部的div内容溢出如下。参考IOS中的链接IFrame,这里给出的解决方案显示小提琴给了添加一个包装器

 #wrapper {
    position:relative;
    z-index:1;
    width:400px;
    height:400px;
    overflow:scroll;
}

to parent div of IFrame. But the div inside IFrame still Overflow below

到IFrame的父div。但是IFrame里面的div仍然在下面溢出

The image below shows scroll bar coming inside div of iframe when viewed in the browsers.

下图显示了在浏览器中查看时,iframe内部的滚动条。

Viewed in IPad

在iPad中查看

Any Suggestion would be appreciated.

任何建议将不胜感激。

2 个解决方案

#1


0

I am guessing inside Iframe there is an HTML file, so in HTML wrap the content in wrapper div

我在Iframe中猜测有一个HTML文件,因此在HTML中将内容包装在包装器div中

#wrapper {
position: relative;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}

it's size will be relative to html body, than the viewportSizes may be as you wish the second row is handling flickering on Iframe click, happens in ios'...

它的大小将相对于html主体,比viewportSizes可能是你希望第二行处理iframe上的闪烁点击,发生在ios'...

更多相关文章

  1. js 隐藏、显示html 标签内容
  2. 如果没有内容,隐藏边框
  3. DiggBar如何基于不在其域上的内容动态调整其iframe的高度?
  4. IE-7 z-index问题-下拉区域在横幅下,它的内容没有显示在IE-7中。
  5. 用于在表中强制换行的PHP或HTML/CSS解决方案
  6. 提交一个表单(后台生成id),点击保存并一步后切换到下一个tab中,此t
  7. 在Paragraphs中显示mysql内容时出现问题
  8. thinkphp5使用workerman定时器定时爬取某站点新闻资讯等内容
  9. 如何实现分布式文件上传解决方案?

随机推荐

  1. cocos2d-x android
  2. Android 第三方库
  3. Android调用打电话(Call Phone)
  4. Android下拉框
  5. android手电筒开发
  6. Android Debug Bridge | Android Develop
  7. android surfaceflinger研究----Surface
  8. Android 常用第三方开源库
  9. android 开发的一个小警告
  10. Android实现新浪微博