iframe内のコンテンツを縮小表示

上司にGoogleデータスタジオのコンテンツをiframe表示しろと言われ、調査中。。。

www.will3in.co.jp

コンテンツの高さと、コンテンツを収めるiframeの高さが合ってないときに、

コンテンツ側がスクロール表示してしまう。

iframeの高さに合わせてコンテンツを縮小表示できないか、解決方法調査中。。。

→4/13(水)：難易度高いので諦める。

　高さが異なる内部コンテンツ側を縮小表示させたいが、

　自前のコンテンツではないため、一般にある内部側から高さをイベントで送る

　ことができないため。

$(window).on('load resize', function(){

  let iframe = $('#contents');

  let container = iframe.parent();

  let width = container.width();

//  let ratio = width / iframe.width();

  let ratio = width / 1920;

  console.log(`Ratio: ${ratio}`);

  iframe

    .css('transform', `scale(${ratio})`)

    .css('transform-origin', '0 0');

});