2013-01-04 63 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