scrolling设置为yes了，也不会自适应缩放，会显示滚动条，怎么让嵌入的页面自动适应当前大小自动缩放

如果你设置了`<iframe>`的`scrolling`属性为"yes"并且依然希望内容能根据iframe的实际大小自适应缩放，你可以尝试以下方法：

1. **CSS样式**：通过CSS，你可以对`iframe`的宽度和高度应用百分比值，使其基于其容器的尺寸动态调整。例如：

   iframe {
     width: 100%;
     height: 100%; /* 或者根据需要设置最大高度 */
     border: none; /* 可选，移除边框以减少视觉干扰 */
     overflow: auto; /* 当内容超过容器时显示滚动条 */
   }

2. **JavaScript**：如果你想在浏览器运行时动态调整iframe大小，可以使用JavaScript监听窗口大小变化，然后更新iframe的大小。例如：

   window.addEventListener('resize', function() {
     document.getElementById('yourIframeId').style.height = 'auto'; // 更新iframe的高度
   });

记住替换`yourIframeId`为实际的`iframe`元素ID。

相关问题

iframe内嵌页面自适应

当使用iframe在页面中嵌入其他网页时，嵌入的页面可能会超出iframe的大小，导致页面显示不完整。为了解决这个问题，可以使用一些技巧来实现iframe内嵌页面自适应：

1. 设置iframe的高度为auto，让它自适应内容的高度：

<iframe src="http://example.com" frameborder="0" scrolling="no" style="width: 100%; height: auto;"></iframe>

2. 使用JavaScript动态调整iframe的高度，让它始终与内容保持一致：

<iframe id="myFrame" src="http://example.com" frameborder="0" scrolling="no" style="width: 100%;"></iframe>

<script>
    var myFrame = document.getElementById('myFrame');
    myFrame.onload = function() {
        myFrame.style.height = myFrame.contentWindow.document.documentElement.scrollHeight + 'px';
    };
</script>

3. 使用媒体查询和CSS缩放来自适应内嵌页面的大小：

<iframe src="http://example.com" frameborder="0" scrolling="no" style="width: 100%;"></iframe>

<style>
    @media only screen and (max-width: 768px) {
        iframe {
            transform: scale(0.7);
            transform-origin: 0 0;
            width: 142.8571428571429%;
        }
    }
</style>

iframe设置高度自适应

设置iframe的高度自适应有多种方法。其中一种方法是使用JavaScript函数来动态调整iframe的高度。在这个方法中，你可以使用iframe的onload事件和JavaScript函数来设置iframe的高度。具体代码如下：

在iframe标签中添加onload事件和id属性：

<iframe width="778" align="center" height="200" id="win" name="win" onload="SetWinHeight(this)" frameborder="0" scrolling="no" src="1.htm"></iframe>

然后在JavaScript中定义SetWinHeight函数，根据内容的高度来设置iframe的高度：

<script>
function SetWinHeight(obj) {
  var win = obj;
  if (document.getElementById) {
    if (win && !window.opera) {
      if (win.contentDocument && win.contentDocument.body.offsetHeight) {
        win.height = win.contentDocument.body.offsetHeight;
      } else if (win.Document && win.Document.body.scrollHeight) {
        win.height = win.Document.body.scrollHeight;
      }
    }
  }
}
</script>

另一种方法是使用iframe的onload事件和JavaScript函数来设置iframe的高度。这种方法适用于多种浏览器，包括IE6/IE7/IE8/Firefox/Opera/Chrome/Safari。具体代码如下：

在iframe标签中添加onload事件和id属性：

<iframe src="http://www.fufuok.com/" id="iframepage" name="iframepage" frameBorder=0 scrolling=no width="100%" onLoad="iFrameHeight()"></iframe>

然后在JavaScript中定义iFrameHeight函数，根据内容的高度来设置iframe的高度：

<script type="text/javascript" language="javascript">
function iFrameHeight() {
  var ifm = document.getElementById("iframepage");
  var subWeb = document.frames ? document.frames["iframepage"].document : ifm.contentDocument;
  if (ifm != null && subWeb != null) {
    ifm.height = subWeb.body.scrollHeight;
  }
}
</script>

这些方法可以帮助你实现iframe的高度自适应。通过在iframe标签中添加相应的事件和函数，根据内容的高度来自动调整iframe的高度，从而实现高度的自适应。