Как предотвратить изменение размера iframe при масштабировании

Question

Я читал похожие вопросы по этому вопросу, но никто, кажется, не имеет ответа. У меня есть iframe, где я загружаю изображение. Когда я увеличиваю, iframe становится больше или меньше. Есть ли способ предотвратить увеличение масштаба iframe или способ сохранить соотношение при масштабировании?

Я получил это работает для изображения, но может показаться, что он работает, когда я использую iframe

JS

var iframeDimensions = document.getElementById('mobile-iframe');
var iwidth = iframeDimensions.clientWidth;
var iheight = iframeDimensions.clientHeight;



$(window).resize(function(){

    var device = detectZoom.device();

    newWidth = iwidth / device;
    newHeight = iheight / device;


    $(iframeDimensions).attr('width', newWidth);
    $(iframeDimensions).attr('height', newHeight);

    var winW = document.body.offsetWidth;


    console.log('zoom level: '+device);
    console.log('new width: '+newWidth+'px');
    console.log('new height: '+newHeight+'px');
    console.log('offsetWidth '+winW);
    console.log('scale '+ winW / newWidth);




    //$('iframe').css('-webkit-transform', 'scale(' + (device + ", " + device) + ')')
    $('iframe').width();
   //$('iframe').css('-webkit-transform', 'scale(1)');



});

HTML

<iframe id="mobile-iframe" src="https://www.google.com/logos/doodles/2013/maria-callas-90th-birthday-6111044824989696-hp.jpg" width="534" height="210" frameborder="0"></iframe>

Answer 1

Решение с JS:

Посмотрите на это Как определить уровень масштабирования страницы во всех современных браузерах? например, чтобы определить уровень масштабирования браузера, а затем умножить ширину и высоту вашего фрейма на обратное значение, чтобы в итоге они визуально остались прежними.

Пример: уровень масштабирования 1 (стандартный): ширина: 100 пикселей; высота: 50 пикселей; уровень масштабирования 2: ширина: 50 пикселей; высота: 25 пикселей; -> Браузер показывает его удвоенный размер, чтобы он остался прежним

просто добавил: я все равно не рекомендовал бы делать это из-за удобства использования;)