javascript - 调整外部网站内容的大小以适合 iFrame 宽度

标签 javascript html css iframe web

我有一个包含 2 个 iFrame 的网页。它们都具有固定的宽度和高度。我在里面加载外部网站。如何调整这些外部网站的宽度以适应 iFrame(就像移动浏览器通过更改视口(viewport)所做的那样)?

最佳答案

您可以为您的 iframe 设置特定的宽度和高度(例如,它们可以等于您的窗口尺寸),然后对其应用缩放转换。缩放值将是您的窗口宽度与您要设置到 iframe 的尺寸之间的比率。

例如

<iframe width="1024" height="768" src="http://www.bbc.com" style="-webkit-transform:scale(0.5);-moz-transform-scale(0.5);"></iframe>

关于javascript - 调整外部网站内容的大小以适合 iFrame 宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11382473/

相关文章:

java - Google Maps 交互式 map 是用什么写的?

css - 如何在 sap.m.DatePicker 中给月份上色?

javascript - 更新容器中的元素位置

html - flex 属性在 IE 中不起作用

javascript - 如何向历史添加或附加新的 stateObject

javascript - 在不清除整个 Canvas 的情况下替换函数?

javascript - 下拉响应和 Redux

javascript - 限制 React Native TextInput 中的特殊字符

c# - 我如何在 .net 中转义 html unicode?

javascript - 根据选择选项更改属性