2013-01-04 60 views
1

我有这样的iframe代码:如何扩展iframe内容(使用WYSIWYG编辑器嵌入)?

<iframe frameborder="0" height="549" scrolling="auto" src="http://change4life.artscience.co.uk/" width="520"></iframe> 

使用Drupal的 - 我需要到一个页面模板(使用所见即所得的编辑器),以嵌入此iframe是520宽。我知道如何改变宽度和高度,但这样做实际上并不能缩放iframe中内容的大小。此内容位于单独的服务器上,这意味着我无法更改原始内容 - 因为有没有代码可以扩展内容?请记住,我仅限于内嵌CSS/HTML,因为我正在CMS内的页面模板上的所见即所得编辑器中工作。

希望除了zoom之外还有一些东西,因为这似乎只能在IE中使用。

回答

0

您可以尝试使用CSS 2D变换缩放iframe:https://developer.mozilla.org/en-US/docs/CSS/transform。就像这样:

iframe { 
    transform: scale(0.5); 
} 

我没有测试过,但是这是我能想到的可能,这是唯一可能的东西......

+0

不会使得它由50%变小?他希望它内联,所以他应该添加'style =“transform:scale(1.5)”' –

+0

我需要它变小。我想我可能已经从网站'style =“ - ms-zoom:0.68; -moz-transform:scale(0.68); -moz-transform-origin:0 0; -o-transform: (0.75); -o-transform-origin:0 0; -webkit-transform:scale(0.68); -webkit-transform-origin:0 0;“' – AdamBeanFowles

+0

这段代码适用于Firefox,Chrome和IE9,但是在IE8或IE7中似乎不起作用。 – AdamBeanFowles