jquery 반응형 iframe > IT 기술백서

[code]

function resizeIframe() {

    const iframes = $('.view-content iframe');

    iframes.each(function (idx, ele) {

        const w = $(ele).width();

        const h = $(ele).height();

        const ratio = h / w * 100;

        $(ele).wrap(`<div style="position:relative; padding-bottom:${ratio}%"></div>`);

        $(ele).css({

            'position': 'absolute',

            'top': '0',

            'left': '0',

            'width': '100%',

            'height': '100%'

        });

    })

}

$(document).ready(function() {

    resizeIframe();

});

[/code]