如何缩放嵌入式 iframe 的内容以适合我的网页？

缩放嵌入式 iframe 的内容

将 iframe 合并到网页中可以让您在不离开主页的情况下显示外部内容。但是，调整嵌入内容的大小可能是优化其呈现方式所必需的。

解决方案：

Kip 建议的方法可以有效地缩放 iframe 内的内容，包括Opera 和 Safari 等浏览器。以下是实现他的解决方案的更新 CSS：

#wrap { 
  width: 600px; 
  height: 390px; 
  padding: 0; 
  overflow: hidden; 
}
#frame { 
  width: 800px; 
  height: 520px; 
  border: 1px solid black; 
}
#frame {
  -ms-zoom: 0.75;
  -moz-transform: scale(0.75);
  -moz-transform-origin: 0 0;
  -o-transform: scale(0.75);
  -o-transform-origin: 0 0;
  -webkit-transform: scale(0.75);
  -webkit-transform-origin: 0 0;
}

此 CSS 修改 #wrap 和 #frame 元素的属性，以控制 iframe 的整体大小和显示。通过指定 0.75 的变换比例，iframe 中的内容将缩小到其原始大小的 80%，同时保留其宽高比。

为了防止 iframe 中出现滚动条，您可能还需要将溢出：隐藏添加到 #frame CSS 声明中。

以上是如何缩放嵌入式 iframe 的内容以适合我的网页？的详细内容。更多信息请关注PHP中文网其他相关文章！