如何使iframe内的图像适合iframe的大小？(角度)

要使iframe内的图像适合iframe的大小，可以通过以下几个步骤来实现：

获取iframe的大小：可以使用JavaScript中的clientWidth和clientHeight属性来获取iframe的宽度和高度。
获取图像的大小：可以使用JavaScript中的naturalWidth和naturalHeight属性来获取图像的原始宽度和高度。
计算缩放比例：将iframe的大小与图像的大小进行比较，计算出缩放比例。可以使用以下公式来计算缩放比例：缩放比例 = Math.min(iframe的宽度 / 图像的宽度, iframe的高度 / 图像的高度)
设置图像的样式：将计算得到的缩放比例应用到图像的样式中，设置图像的宽度和高度为原始宽度和高度乘以缩放比例。可以使用JavaScript中的style属性来设置图像的样式。

以下是一个示例代码：

<!DOCTYPE html>
<html>
<head>
  <style>
    #myIframe {
      width: 500px;
      height: 300px;
    }
  </style>
</head>
<body>
  <iframe id="myIframe" src="https://example.com"></iframe>

  <script>
    var iframe = document.getElementById("myIframe");
    var image = iframe.contentDocument.getElementsByTagName("img")[0];

    var iframeWidth = iframe.clientWidth;
    var iframeHeight = iframe.clientHeight;

    var imageWidth = image.naturalWidth;
    var imageHeight = image.naturalHeight;

    var scale = Math.min(iframeWidth / imageWidth, iframeHeight / imageHeight);

    image.style.width = imageWidth * scale + "px";
    image.style.height = imageHeight * scale + "px";
  </script>
</body>
</html>

这样，图像将会按照iframe的大小进行适应，并保持原始宽高比例。