视口在iFrame中调整大小_html-js-css

概述我正在尝试在Sencha中创建一个显示iframe的Carrousel.基本的想法是我已经配置了一堆 HTML文件,可以在iPad上查看.因此文件具有视口和配置的所有内容.我创建了一个这样的简单转盘： var rootPanel;Ext.setup({ onReady: function() { rootPanel = new Ext.Carousel({ 我正在尝试在Sencha中创建一个显示iframe的Carrousel.基本的想法是我已经配置了一堆 HTML文件,可以在iPad上查看.因此文件具有视口和配置的所有内容.我创建了一个这样的简单转盘：

var rootPanel;Ext.setup({    onReady: function() {        rootPanel = new Ext.Carousel({            fullscreen: true,layout: 'card',items: [                { HTML: '<iframe src="http://localhost/file1.HTML">' },{ HTML: '<iframe src="http://localhost/file2.HTML">' },{ HTML: '<iframe src="http://localhost/file3.HTML">' },]        });    }});

HTML文件本身如下所示：

<!DOCTYPE HTML>  <HTML>    <head>        <Title>UnTitled Page</Title>        <Meta http-equiv="Content-Type" content="text/HTML; charset=utf-8">        <Meta name="vIEwport" content="wIDth=device-wIDth; initial-scale=0.5; minimum-scale=0.5; maximum-scale=1.0;user-scalable=no">    </head>    <body>        <div ID="container">            <div >                <img src="image.jpg" ></div>        </div>      </body></HTML>

除了不尊重视口并且iframe的内部没有像它应该的那样缩小时,系统排序有效.任何的想法？

解决方法我不熟悉sencha,但是iframe没有能力将高度设置为百分比(100％).因此,如果sencha将宽度和高度设置为100％,它将不会垂直扩展,而应该水平填充父级.

这是你看到的吗？

尝试手动将iframe的高度设置为px中足够大的尺寸.如果您可以控制iframe的内容,那么您可以添加一些JavaScript来与父进行通信,并告诉它适当调整大小.

总结

以上是内存溢出为你收集整理的视口在iFrame中调整大小全部内容，希望文章能够帮你解决视口在iFrame中调整大小所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/web/1139582.html