Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/457.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/sql-server-2008/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如果在IFrame中打开,则应用程序宽度不适合窗口_Javascript_Jquery_Html_Css_Iframe - Fatal编程技术网

Javascript 如果在IFrame中打开,则应用程序宽度不适合窗口

Javascript 如果在IFrame中打开,则应用程序宽度不适合窗口,javascript,jquery,html,css,iframe,Javascript,Jquery,Html,Css,Iframe,我们有一个第三方web应用程序,需要集成到我们的web门户中。我们使用iframe方法来集成它。它看起来像: 我有一些卷轴。因此,我检查了他们的代码,发现他们在1280px附近保留了一些静态宽度,而iframe无法承受,因为其宽度小于此值 但有趣的是,当第三方应用程序在iPad上运行时(没有iframe,直接在浏览器地址栏中),没有滚动条,并且应用程序可以适应iPad的窗口大小。我相信iPad浏览器的宽度小于1280px(不太确定)。所以我想知道,如果没有任何滚动条,这个应用程序怎么能进入窗口

我们有一个第三方web应用程序,需要集成到我们的web门户中。我们使用iframe方法来集成它。它看起来像:

我有一些卷轴。因此,我检查了他们的代码,发现他们在
1280px
附近保留了一些静态宽度,而iframe无法承受,因为其宽度小于此值

但有趣的是,当第三方应用程序在iPad上运行时(没有iframe,直接在浏览器地址栏中),没有滚动条,并且应用程序可以适应
iPad
的窗口大小。我相信iPad浏览器的宽度小于1280px(不太确定)。所以我想知道,如果没有任何滚动条,这个应用程序怎么能进入窗口呢。他们没有进行任何基于设备的宽度设置。我检查了iPad中的代码,发现
body
设置为
1280px

所以这里的问题是,如果应用程序在iframe中运行,它在iPad中如何正常工作,以及如何避免在桌面上滚动?

html,正文{
宽度:1530px;
身高:100%;
保证金:0;
}
.右窗格{
左边距:250像素;
边界:无;
宽度:1280px;
身高:100%;
}
.左导航{
位置:固定;
宽度:250px;
身高:100%
}

这里是左导航

如果您需要嵌入iframe并使其适合您自己的应用程序,我建议您尝试@Francescopezella,如文档所述:“第二个文件(iframeResizer.contentWindow.min.js)是一个本机JavaScript文件,需要放置在iframe中包含的页面中”,我无法控制第三方web应用程序。我想知道怎样才能做到!!关于ipad的问题是,ipad将页面与屏幕相匹配,并允许您进行缩放。如果您不能在iframe中访问css或js,您真的找不到“好”的解决方案。如果
1530px
width设置为
html,body
,现在浏览器在桌面上滚动。是的,这个问题没有完美的解决方案。唯一真正的解决方案是控制在iframe中放置css或javascript。