自分の Web サイトのページにある iframe (この例では HTML ページであり、ポップアップではありません) のコンテンツを拡大縮小するにはどうすればよいですか?
たとえば、iframe 内に表示されるコンテンツを元のサイズの 80% で表示したいとします。
ベストアンサー1
キップの解決策CSS を次のように変更すると、Opera と Safari でも動作するはずです。
<style>
#wrap { width: 600px; height: 390px; padding: 0; overflow: hidden; }
#frame { width: 800px; height: 520px; border: 1px solid black; }
#frame {
-ms-zoom: 0.75;
-moz-transform: scale(0.75);
-moz-transform-origin: 0 0;
-o-transform: scale(0.75);
-o-transform-origin: 0 0;
-webkit-transform: scale(0.75);
-webkit-transform-origin: 0 0;
}
</style>
スクロールバーを防ぐために、#frame に overflow: hidden を指定することもできます。