No celé bych to spravil asi kus jinak, veľkosti prvkov v iframu sa "ťažšie" "prispôsobujú", kedže chcete zmeniť zobrazenie prvkov ktoré nie sú na Vašej stránke... Ak už to chcete zoskladať zo 4 iframov, tak bych doporučil používať margin a padding a (viď link na stack overflow):

    -ms-transform: scale(0.25);
    -moz-transform: scale(0.25);
    -o-transform: scale(0.25);
    -webkit-transform: scale(0.25);
    transform: scale(0.25);

    -ms-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;

https://stackoverflow.com/questions/32490167/automatically-scale-resize-image-in-an-iframe