如何调整iframe内容的大小
基础概念
<iframe> 是 HTML 中的一个元素，用于在网页中嵌入另一个 HTML 文档。通过调整 <iframe> 的宽度和高度属性，可以控制其内容的显示大小。
调整方法
1. 使用内联样式
可以通过设置 <iframe> 的 style 属性来调整其大小。
<iframe src="https://example.com" style="width: 600px; height: 400px;"></iframe>2. 使用 CSS 类
可以定义一个 CSS 类，并在 <iframe> 上应用该类。
<style>
.custom-iframe {
width: 600px;
height: 400px;
}
</style>
<iframe src="https://example.com" class="custom-iframe"></iframe>3. 使用 JavaScript 动态调整
可以通过 JavaScript 在运行时动态调整 <iframe> 的大小。
<iframe id="myIframe" src="https://example.com"></iframe>
<script>
document.getElementById('myIframe').style.width = '600px';
document.getElementById('myIframe').style.height = '400px';
</script>应用场景
- 嵌入视频：在网页中嵌入 YouTube 或其他视频平台的视频。
- 嵌入第三方应用：如 Google Maps、社交媒体小部件等。
- 模块化设计：将网页内容分割成多个独立的模块，通过
<iframe>嵌入。
遇到的问题及解决方法
1. iframe 内容加载缓慢
原因：可能是由于网络延迟或嵌入内容本身的加载时间较长。
解决方法：
- 使用
loading="lazy"属性延迟加载 iframe。 - 优化嵌入内容的服务器性能。
<iframe src="https://example.com" loading="lazy"></iframe>2. iframe 内容与主页面样式冲突
原因：嵌入的内容可能会覆盖或干扰主页面的 CSS 样式。
解决方法：
- 使用
sandbox属性限制 iframe 的权限。 - 在嵌入内容中使用独立的 CSS 样式表。
<iframe src="https://example.com" sandbox="allow-scripts allow-same-origin"></iframe>3. iframe 内容高度自适应
原因：嵌入的内容高度不固定，导致 iframe 高度需要动态调整。
解决方法：
- 使用 JavaScript 动态获取嵌入内容的高度，并设置 iframe 的高度。
<iframe id="myIframe" src="https://example.com" onload="resizeIframe(this)"></iframe>
<script>
function resizeIframe(iframe) {
if (iframe) {
var iframeWin = iframe.contentWindow || iframe.contentDocument.parentWindow;
if (iframeWin.document.body) {
iframe.height = iframeWin.document.documentElement.scrollHeight || iframeWin.document.body.scrollHeight;
}
}
}
</script>参考链接
通过以上方法，可以有效地调整 <iframe> 内容的大小，并解决常见的相关问题。
相关·内容
1回答
我有几种情况，我需要改变css的Fancybox iframe内联，但我还没有找到如何做到这一点。
编辑--部分成功地改变了函数内的选项，改变了iframe的高度、宽度和填充，但是wrapCSS没有这样做，因此我无法调整字体的颜色或大小。我也不能将它与下面列出的其他方法结合起来。
parent.$.fancybox({
content: "Thank you for creating an account",
type : 'iframe',
padding : 50,
width: 50,
height
浏览 5提问于2012-12-03得票数 0
amp-iframe中的内容会有延迟。一旦内容在iframe中可见，iframe的大小就需要更改。为了实现这一点，我使用以下代码： window.parent.postMessage({
sentinel: 'amp',
type: 'embed-size',
height: document.body.scrollHeight
}, '*'); .Above代码正在加载。但是，一旦iframe出现在viewport中，然后我们刷新页面，iframe的高度就不会改变。
浏览 14提问于2019-09-28得票数 2
我有一个iframe，它由一个带有一些jQuery验证的表单组成，如果有错误，它会导致内容的高度增加。
下面你可以找到我用来动态改变iFrame高度的插件：
function doIframe(){
o = document.getElementsByTagName('iframe');
for(i=0;i<o.length;i++){
if (/\bautoHeight\b/.test(o[i].className)){
setHeight(o[i]);
addEvent(o[i],'load', doIframe
浏览 2提问于2012-02-07得票数 2
我已经研究了几天了我被困住了..。我读过这一页：
这一页：
当包含iframe的缅因州index.html首次加载时，似乎很容易调整iframe的大小，但是一旦iframe改变了内容，我就找不出如何调整iframe的大小。
我的index.html：
<body>
<iframe seamless frameborder="0" name="top" id="top" src="venues.php" width="100%" height="100" /></if
浏览 4提问于2016-06-10得票数 2
回答已采纳
我使用的是Fancybox 2.0。我在iframe中打开内容。当iframe中的内容发生变化时，如何动态调整弹出窗口的大小？
我用谷歌搜索了几个小时，但所有的链接要么是旧版本(1.3)，要么是死胡同。
感谢所有的输入！
浏览 4提问于2012-03-24得票数 5
1回答
整齐的iframe滚动
、、、、
对于web页面，实际原因要求iframe链接到域中的其他内容。然而，页面的其余部分( iframe之外)不需要滚动，而iframe内的内容需要滚动。我如何使用页面的滚动条在iframe中滚动，而不是在iframe中使用滚动条？
iframe链接到来自相同域的页面，虽然没有脚本可能无法做到这一点，但理想情况下，它将是一个仅用于CSS的解决方案。如有必要，可以使用javascript。
如果它有帮助，iframe运行在页面的底部边缘，所以我一直在尝试着将它延伸到底部并以这种方式进行。
浏览 0提问于2014-04-01得票数 0
2回答
我在上搜索了这个js代码，通过其内容自动调整iframe的高度。它做的是发布这篇文章的用户所说的事情。但是，我现在在iframe中的动态内容中遇到了这个问题。
我所拥有的js代码只适用于页面的常规内容，而不是当内部发生动态更改时。例如，通过ajax调用显示文本。
我尝试过寻找其他解决方案，但其他解决方案的效果不如这段代码所能做的。
我希望有人能帮我更新代码，以满足我目前的需要。我不太熟悉jquery/javascript自己来完成这项工作。(预先多谢！)
这是JS代码：
function setIframeHeight(iframeId) {
var ifDoc, ifRef = d
浏览 3提问于2014-01-24得票数 0
我一直在开发一款Facebook应用程序，唯一让我陷入困境的是好友的请求。
当我使用fb:multi-friend-selector代码时，确认弹出窗口被右侧的iframe截断。该应用程序是一个基于iframe的canvas应用程序。
有什么想法吗？
浏览 0提问于2010-07-04得票数 2
回答已采纳
我有一个iframe被Fancybox装载。在iframe内部，我正在加载jQuery，以便能够在$('html').height();中获得实际内容的适当高度。
在FF中，这似乎允许我调整iframe (和appropriatelyIn ) chrome的大小，这个值大约比内容的实际高度少5 5px到20 5px。在IE 8中，所报告的值是打开的fancybox窗口的初始高度，即使在随后的刷新(Iframe)中也是如此。
是否有更好的方法来获取iframe内容的高度，以便我可以调整fancybox外壳的大小，这样用户就不会看到滚动条？
浏览 8提问于2011-12-21得票数 1
2回答
我想不出如何让下面的代码根据"src“中的路径自动调整高度。因为我不想硬编码的高度，因为src路径可能会改变。我尝试过各种js方法，但似乎都不起作用。
<iframe src="C:\" height="200" width="100%"></iframe>
我已经做了内联的样式，但将在一个css文件中管理所有样式。
帮助。
浏览 0提问于2014-08-06得票数 0
我创建了一个facebook应用程序，并配置了以下内容：
IFrame大小:可调整画布宽度: 760px (不使用fbml)
似乎无论我如何配置我的html页面，iframe的高度都是800px。我的应用程序需要更多，我如何配置facebook应用程序的iframe使其具有更大的高度？
谢谢!
浏览 0提问于2010-04-02得票数 5
回答已采纳
2回答
我有一个iframe拉一个图像和一些行数据(跨域)。iframe是使用嵌入的javascript文件创建的，如下所示：
<script type="text/javascript" src="http://www.domain.com/blah/scriptfile.js?blah_id=001" id="blah_script"></script>
iframe正在创建，它完美地加载图像和数据.到现在为止还好。
在iframe内部，我想隐藏数据行并缩短iframe的高度-当单击图像时+展开iframe的高度并取消
浏览 2提问于2013-09-17得票数 1
回答已采纳
我正在尝试获取iframe的( 从 )内容，以便我可以设置它的高度。所以所有的内容都是可见的，如下所示(我从获取了表达式)：
var booking_iframe = document.querySelector('iframe');
booking_iframe.onload = function() {
booking_iframe.style.height = booking_iframe.contentWindow.document.body.offsetHeight + 'px';
}
但是，这会引发以下错误：
VM389:1 Uncaugh
浏览 3提问于2017-08-01得票数 4
2回答
我正在使用以下脚本自动调整iframe高度。
function autoIframe(frameId) {
try {
frame = document.getElementById(frameId);
innerDoc = (frame.contentDocument) ?
frame.contentDocument : frame.contentWindow.document;
objToResize = (frame.style) ? frame.style : frame;
objToResize.height = in
浏览 0提问于2009-11-19得票数 2
回答已采纳
2回答
我遇到了一个奇怪的iFrame问题。我有一个搜索按钮，当单击它时，它会根据表单的值更改它下面的iFrame的源/URL。这部分工作得很好，但我似乎不能让高度适当地调整！iFrame的内容的宽度将始终完全相同，所以这不是问题，但是高度不会根据框架的动态内容自动更改:(有人知道如何/是否可以解决这个问题(不是固定的...哈哈)？对于这样的事情，iFrame不是正确的选择吗？不幸的是，IE6支持是当务之急...谢谢你能给我的任何帮助，我很感激！
浏览 0提问于2011-10-16得票数 0
回答已采纳
1回答
如何缩放iframe的内容？
、、、、
我使用iframe标记将Adobe Edge JavaScript和CSS3动画的EdgePreload HTML页面包含在另一个页面中。它工作得很好，但当我尝试使用-webkit-transform:scale(0.5,0.5)时，iframe本身的大小从1600x900px扩展到800x450px，但内容大小保持不变。我想发布一个文件的链接，但它现在离线了。如果您需要任何其他信息，请说出来。
浏览 0提问于2012-08-07得票数 0
回答已采纳
1回答
我是Jquery的初学者，在我的PHP应用程序中使用Fancybox (类型: iframe)。
在iframe中，有一个表单，一旦用户填写并提交了表单，Fancybox应该调整大小，以便容纳一旦处理完表单数据将被转发回来的数据。
当用户关闭Fancybox警报时，我也希望站点的主页能够刷新。
这是如何做到的呢？
谢谢
浏览 2提问于2010-09-13得票数 2
2回答
我已经创建了一个Adobe动画，我已经导出它作为响应HTML和Javascript。
您可以将这里的动画看作一个html文件：(u: demo : testing)
现在我想使用iframe将动画嵌入到divi代码模块中。
我已经这样做了，它可以在这里看到：(u:演示p:测试)
我正试图将iframe与父div完全匹配，但不知道如何匹配。
我是使用wordpress与Divi他们和页面建设者。
浏览 4提问于2021-09-02得票数 0
回答已采纳
考虑到iframe不会调整到动态内容的大小，有没有人能推荐我可以使用的其他东西？我需要一些东西，可以调整大小像一个表，并可用于动态内容。
理想的建议是提供iframe的所有功能，外加大小调整。谢谢!
浏览 3提问于2011-01-30得票数 1
回答已采纳
我正在使用AngularJS中的ng-repeat生成一些表格内容，我希望将此内容显示在iframe中，以便用户可以拖动它并调整其大小。
我不能使用iframe属性，因为它需要一个src，而我是在客户端生成内容的。
我可能想要一些srcdoc的变体，但这似乎需要一行带引号的html代码。
如何构建我的iframe，以便在其中显示ng-repeat生成的内容？
浏览 9提问于2015-05-15得票数 5
1回答
我已经添加了一个iframe，它在所有浏览器和一些设备上都能正常工作，但在iPhone6上。iframe没有响应。它不适合100%的iphone屏幕尺寸。
我在网上找到了很多解决方案，但大多数都展示了如何在iphone上制作iFrame卷轴。我不需要那个。我想让它响应并根据屏幕大小进行调整。
<div class="frame-container" style="position: relative; padding-bottom: 65.25%; padding-top: 30px; height: 0;">
<iframe id="
浏览 1提问于2015-12-29得票数 0
我有一个带有包含iFrame的div的网页。我已经应用了webkit-transform来缩小div：。在桌面浏览器和iOS上，这都很好用，但是在Android4.0.x上，iFrame的内容似乎被截断了。截断的数量与缩放发生的数量成比例，即如果我将div缩小到0.5，则只有50%的缩小的iFrame可见。
。iFrame覆盖了正确的区域，但可见内容甚至只有50%。有趣的是，如果比例大于1，则不会出现此问题。
这种行为在所有的Android4.0设备和一些4.1设备上都可以毫不费力地复制。
请建议解决此问题的任何工作方法。
浏览 0提问于2014-01-30得票数 0
2回答
我看过许多类似问题的回复，但我找不到任何有效的答案。我是javascript的新手，但已经足够让我的结果显示在iframe中，但是当我尝试建议的代码时：
$.colorbox({ ... url, iframe true, etc
onComplete : function() {
$.fn.colorbox.resize(innerHeight);
}
该窗口的大小调整为150像素高。而不管页面的html中是什么。理想情况下，它会打开搜索结果的大小，然后我可以在每次运行新的搜索时调用它，但我找到的colorbox.resize()的任何变体都不会引用任何东
浏览 1提问于2012-02-21得票数 4
2回答
我想将这个iframe嵌入到我的网页中：
<iframe height="600px" width="600px" src="https://ionicabizau.github.io/github-profile-languages/api.html?damienAllonsius" frameborder="0"></iframe>
编辑
我得到了这个很酷的结果，但不幸的是，iframe太大了。
那我怎么才能撤销它呢？假设我想要小50%。
当我将属性height和width从600更改为300时，
浏览 0提问于2019-07-15得票数 0
回答已采纳
由于某些原因，iframe似乎总是使用比他们需要的更多的垂直空间。下面的repl演示了这一点：
有没有什么方法可以告诉iframe最小化它所需的垂直空间，最好不要JS？在示例repl中，我试图通过将html、body和iframe的边距、填充和边框设置为0来最小化空间，但它没有最小化iframe的垂直空间。值得一提的是，我可以在iframe内部和外部控制CSS。
谢谢!
浏览 27提问于2021-03-03得票数 0
回答已采纳
1回答
我正在尝试开发一个系统，使用户能够手动调整文本区域和iframe的大小。我已经说明了我的意思：
<body>
<table width="100%">
<tr>
<!-- basically I want the user to be able to manually resize the width of the <td>'s -->
<td width="30%">
<te
浏览 1提问于2015-08-02得票数 4
回答已采纳
对不起标题含糊不清，不知道怎么表达它。
我有一个html页面，其中有2个并排与100%的高度。我在试着把最大宽度设置在右边。
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title></title>
</head>
<body>
<
浏览 1提问于2016-06-04得票数 2
回答已采纳
我得到了一个角度应用程序，它动态地将另一个页面加载到给定的iframe中。然后根据父页面的输入更改这个iframe的作用域。
我有角码将初始html加载到iframe中，并有一段普通的javascript代码来更改窗口上的iframe大小。
我怎样才能做到：
在iframe的初始加载以及对内容的每次更改上，我想将iframe的高度调整为内容(这样基本上没有滚动条是可见的，内容似乎是页面的一部分)。
我的代码片段：
带有iframe的HTML：
<div ng-app="cvForm" ng-controller="cvFormController">
浏览 2提问于2015-10-07得票数 0
1回答
我正在使用一个web应用程序，它能够通过html iframe包含其他网页或插件风格的内容。这个应用程序的HTML结构看起来差不多。如下所示：
这样做的问题是，当我拖动大小调整手柄时，iframe会捕获鼠标输入，我猜大小调整逻辑(JS)无法更新正确的区域大小。
我真正想要的是jsbin如何处理iframe (右列中的html输出在iframe中)：jsbin.com
你可以调整输出列的大小，但是鼠标不会抓住我的iframe，这会导致“阻塞”。
浏览 4提问于2017-08-22得票数 3
我有一个可以满足的div。CSS的高度设置在auto上，我已经设置了它，所以在键盘上div调整到iframe的滚动高度。
我能够根据内容的高度正确地展开div，但是当从iframe.中删除内容时，我无法缩小高度。
我测试了抓取身体scrollHeight，身高，offsetHeight，但它们只返回最后一个最大值。
有什么想法吗？
浏览 1提问于2013-06-04得票数 0
回答已采纳
在使用amp-iframe属性时，是否可以创建一个可调整大小的srcdoc？要使amp-iframe调整大小，
amp-iframe必须设置允许相同来源的沙箱属性.
amp-iframe必须用可调整大小的属性定义。
amp-iframe必须有一个溢出子元素。
iframe文档必须发送嵌入大小的请求：
然后，分派以下事件：
window.parent.postMessage({
sentinel: 'amp',
type: 'embed-size',
height: document.body.scrollHeight
浏览 0提问于2018-06-15得票数 0
回答已采纳
我在asp.net应用程序中使用Iframe。我用的是Radmenustrip。当用户单击其中一个选项卡时，我将在Iframe中加载相应的页面。在这里，我想添加滚动条到浏览器，而不是在iframe中，当内容不适合iframe。默认情况下，我给出了100%的高度。我尝试使用html{overflow-y:scroll}，但不起作用。以下是我的代码
<html>
<head id="Head1" runat="server">
<style type="text/css">
body
浏览 0提问于2012-01-22得票数 1
这是。
在标题中，我有以下jQuery代码：
<script>
$(function(){
var iFrames = $('iframe');
function iResize() {
for (var i = 0, j = iFrames.length; i < j; i++) {
iFrames[i].style.height = iFrames[i].contentWindow.document.body.offsetHeight + 'px&#
浏览 1提问于2016-03-06得票数 2
回答已采纳
我正在使用jQuery UI框架创建一个可拖动的面板。它工作得很好，但当我将它拖到页面上嵌入的iframe的顶部时，它就会出现but并停止移动。我认为这可能只是插件，但它发生在我的所有动态创建的元素，这些元素在iframe之上移动。
有没有人知道哪里出了问题，或者如何修复这个问题？
浏览 0提问于2013-04-17得票数 0
回答已采纳
我现在正在制作一个网站，它将在地图上显示一个点(而不是谷歌地图)。我使用iframe来包含地图，我希望地图根据浏览器窗口的宽度调整宽度。
这是我的密码：
<iframe width='1800' height='300' frameborder='0' scrolling='no' marginheight='0' marginwidth='0' src='http://f.amap.com/xxxxxxxxxx'></iframe>
要调整iframe的大小
浏览 1提问于2018-10-25得票数 0
回答已采纳
如果您查看jsbin：并按下"Run with JS"，将会有一个可以使用jquery ui调整大小的div。一切都像预期的那样工作。div被放在一个“全屏”iframe上。在链接的示例中，此iframe具有：display: none。
如果我将其修改为display: block，并重新运行脚本，那么可重压缩插件将会有一些奇怪的行为。你可以在这里试试：。它将不能正确处理鼠标事件。可能的原因是什么，我如何修复它？
浏览 10提问于2012-11-20得票数 7
回答已采纳
我在我的网站中使用iframe，我使用doIframe()来调整高度，当页面加载时，它工作得很好，但是我的iframe使用的是ajax技术。当它加载一些新的数据时，这个函数不会调整窗口的大小，并且在iframe末尾的内容也不会显示。
我希望您更新这个函数(或者建议一个新函数)，它调整iframe的大小，并在框架运行时监视它。
，我尝试了许多其他jquery函数，但是如果没有为我工作，请帮助*我尝试了“更改”事件，而不是“加载”事件，但是没有成功*
(function() {
function doIframe() {
o = document.getElementsBy
浏览 1提问于2011-12-23得票数 0
1回答
我说了6个aspx页面，我想要在类似于Iframe的东西中显示，这样当我查看页面时，我可以看到一个包含网页的控件数组。
但是如果我使用Iframe，我就不能将内容调整到Iframe的大小，尽管YouTube确实会调整内容的大小，因此他们必须是这样做的一种方法。
那么，我该如何确保内容适合IFrame，或者有更好的方法来做到这一点呢？此外，最终我想转到页面，如果控件被单击，但我不确定Iframe有一个单击事件。
那么，我该怎么做呢？
浏览 2提问于2014-06-23得票数 0
1回答
我创建了一个带有iframe的页面。iframe将呈现的url具有一些输入字段。当我输入一些东西时，它会重新加载所有的页面，而我什么也做不了。
视图
<ion-content no-padding>
<iframe [src]="urlpaste()"></iframe>
</ion-content>
控制器
import { Component } from '@angular/core';
import { DomSanitizer } from '@angular/platform-browser&
浏览 0提问于2018-06-28得票数 1
我有一个带有ID的div，我正在使用jquery修改div html。
html可以具有具有较大宽度和高度的iframe。我想要有固定宽度和高度的div。并且iframe的内容应该调整到div的宽度和高度。
帮助。
这就是我到目前为止所尝试的，但它不起作用。
<div id="myDiv"></div>
<script>
var html = // get it from somewhere e.g. <iframe width=300px height=500px ></iframe>
jQuery("
浏览 8提问于2013-06-21得票数 0
2回答
我有问题，我正在开发一个使用iframe的facebook应用程序，问题是我的完整内容没有被显示出来。当我通过firebug检查它时，我才知道iframe的高度是800px，所以我想增加它或动态设置高度。我已经尝试过FB.Canvas.setSize()，但它不起作用，那我该怎么办？
浏览 0提问于2011-02-28得票数 5
回答已采纳
1回答
我在我的一个应用程序中使用了bootstrap 3。如果我使用width="80%" height="420"，那么我的视频在大屏幕上会有完美的尺寸。但由于height="420"的原因，它在小屏幕(手机)上的响应性不佳。所以我在iframe中使用了class="embed-responsive-item"。同样的问题，iframe无法响应。有什么建议请提出来。我不熟悉css。这里有一些东西。
<div class="wrapper">
<aside class="right-side&#
浏览 0提问于2015-08-18得票数 0
1回答
我有一个奇怪的问题，CSS属性vh (视口高度)导致我的iframe的大小呈指数增长。首先，在我的iframe代码中有以下内容：
function sendPost() {
setInterval(function(){
try {
let adjust_height = document.body.offsetHeight || document.body.clientHeight;
浏览 13提问于2022-09-13得票数 0
Extjs
我在Ext.Panel中有一个ifram，而面板在Ext.Window中。
如何在iframe内容更改时使窗口自动变高
请参考代码：
var filePanel = new Ext.Panel({
autoHeight: true
});
var fileUploadWindow = new Ext.Window({
modal: true,
autoHeight: true,
title: 'File Upload',
closable: true,
draggable: true,
autoDestro
浏览 1提问于2012-12-06得票数 1
回答已采纳
<amp-iframe id="sample-resizable-iframe"
title="Resizable iframe example from 200x200 to 300x300 "
width="350"
height="450"
sandbox="allow-scripts allow-same-origin"
浏览 0提问于2020-06-23得票数 0
我已经使用botframework创建了一个简单的机器人应用程序。我将聊天窗口嵌入到iframe中。如何控制聊天窗口大小和其他属性，如颜色、字体等。
浏览 0提问于2017-04-14得票数 1
我正在尝试编写一个简单的基于JavaScript的模式对话框。JavaScript函数获取内容，将其放入新的iframe中，并将该iframe添加到页面。到目前为止工作得很好，唯一的问题是对话框的内容(例如表格)被包装了，尽管页面上有足够的空间可用。
我希望对话框的内容(在我的例子中是一个表)可以根据需要使用尽可能多的空间，而不换行。我尝试了在iframe和table上设置width/style.width的许多组合。没有一样东西起到了作用。
下面是显示iframe对话框的代码：
function SimpleDialog() {
this.domElement = document
浏览 11提问于2010-03-19得票数 1
我目前在我的Moonfuit网站上使用了一个来自TrafficWave的提交表单的iFrame小部件。然而，表单重定向是正确的，不会扩展到整个屏幕来容纳重定向url，而只是和iFrame小部件一样大。
我尝试过其他的html提交表单，发现JotForm可以正确地重定向和扩展iFrame。我会使用JotForm，但它们不使用自动应答器，也不能将它们连接到我选择的外部A/R。
我有两种形式的代码，如果你需要比较它们。提前感谢您分享您对此问题的任何见解。:0)
珍妮
浏览 0提问于2012-10-07得票数 0
1回答
这是一个非常棘手的情况，我已经尝试了很多东西，但都搞不明白。我有以下iframe：
<div id="content"> <iframe id="iF" name="if" marginwidth="0" marginheight="0" frameborder="0" src=""></iframe>
</div>
源代码是通过jquery输入的。问题是，当输入源代码时，它的高度和宽度都很大。我看到两个滚动条。无论如何，iframe数
浏览 1提问于2012-02-02得票数 0
回答已采纳
1回答
我在页面上有一个iframe，其中显示了我自己的HTML内容。
我需要缩小这个内容的显示，，但不是通过CSS的缩放定义，更像是在浏览器中使用CTRL+mouse轮进行缩放。
例如，如果您按住CTRL键并使用鼠标滚轮向下滚动，即使在您现在正在阅读的当前页面中，您也会注意到所有显示都较小，但按比例和比例排列。当然，滚动也是如此。
我需要为iframe的内容使用JS/JQ/CSS，如前所述。
只是要清楚--不要有缩小或上升的效果，而是要得到最终的结果--显示缩小的页面。
我应该指出，当我更改内容中元素的“缩放”CSS定义时，所有的内容都显示得更小，但并不是按比例显示，从而导致页面布局和结构的混乱。
浏览 1提问于2015-09-10得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
