在webapp中縮放iframe的內容

Question

我想要顯示的內容未針對移動設備進行優化。 所以我需要放大內容。

這是一個web應用程序，我無法使用javascript。

這是，我基本上用：

<div style="-webkit-overflow-scrolling: touch;overflow-x:hidden;overflow-y: auto;height:400px; margin: -1.2em;"> <iframe src="http://..." style="width:100%;height:390px;border: none;"></iframe></div>

對於變焦我發現：

-webkit-transform: scale(0.8); 

所以我嘗試：

<div style="-webkit-overflow-scrolling: touch;overflow-x:hidden;overflow-y: auto;height:400px; margin: -1.2em;-webkit-transform: scale(0.8);"> 
    <iframe src="http://..." style="width:100%;height:390px;border: none;"></iframe></div> 

但結果卻是，該iframe也放大了。 參見：http://imgur.com/yueT0MB

你能幫助我嗎？ 謝謝你，BR

Answer 1

好，我解決了這個問題

我用

<div style="-webkit-overflow-scrolling: touch;overflow-x:hidden;overflow-y: auto;height:800px; width:850px; margin: -1.2em; 

-webkit-變換：規模（0.4）; -moz-transform：scale（0.4）; -ms-transform：scale（0.4）; -o-transform：scale（0.4）;變換：比例（0.4）;變換：比例（0.4）; -o-transform-origin：0 0; -webkit-transform-origin：0 0; 「>

如果iframe中變得更小，我簡單increate它的大小的200％ 50％= 100％