Javascript 我怎么能有一个iframe来显示目标页面及其所有内容'；50%比例的s元素？

我怎么能有一个iframe以50%的比例显示目标页面及其所有元素

我的第一个想法是尝试将css缩放属性写入框架，但我不确定是否可以将css写入框架的内容

---

谢谢

由于页面位于同一个域中，您可以放置以下代码：

<script type="text/javascript">
if (location.href != top.location.href) {

   // the page is loaded inside an iframe so
   // Make everything 50% scale (I'm not sure what the code for that is in pure js)
   // With jQuery:

   $("*").css("zoom","50%");

} 
</script>

if（location.href！=top.location.href）{
//页面加载在iframe中，因此
//使所有内容都具有50%的可伸缩性（我不确定纯js中的代码是什么）
//使用jQuery：
$（“*”）.css（“缩放”、“50%”）；
} 

在iframe中加载的页面的页眉中

如果您没有使用JQuery，请单击此页面

---

有一个很好的例子，说明了如何在没有像JQuery这样的库的情况下循环遍历表单中的所有元素。

比我想的更简单

<iframe id="frame"></iframe>

$('#frame').css
    '-webkit-transform': 'scale(.5)'
    '-moz-transform': 'scale(.5)'
    '-o-transform': 'scale(.5)'

$（'#frame'）.css
“-webkit变换”：“比例（.5）”
“-moz变换”：“比例（.5）”
“-o变换”：“比例（.5）”

iframe是否指向与父级相同的域，或者指向另一个域？可能是

*{zoom:0.5；}

，但我不确定

zoom

在标准或法规遵从性方面如何适用。（这也可能只是一个IE的东西）@Cheery hrrm这似乎没有缩放框架的实际内容，只是框架本身。很酷，我可以看到它在工作，但是我如何注入代码？谢谢。这个样式不应该只应用在身体上吗？@Bergi可能是，我不是100%确定缩放属性如何works@fancy如果您正在使用jquery，则在加载jquery后将其放在标记之间；如果您没有使用jquery，则在头部的任何位置都可以工作您忘记了

-ms transform

。不要因为微软已经准备好了行动而贬低他们。