Изменение размера iFrame, если ширина экрана меньше, чем x

Question

У меня есть iFrame, который отображает рекламу 990x90.

Я хочу сделать так, чтобы мобильные зрители все еще могли видеть объявление, но мне нужно, чтобы iframe изменял размер «равномерно», например, если ширина экрана равна 900, мне нужно, чтобы высота была пропорциональной.

Пожалуйста, помогите :)

Answer 1

Было бы из было так удобно, если вы написали код, который вы пытались сделать то, что вы просили, так что ребята на здесь может помочь вам, как это трудно догадаться, что ваш код/цель состоит в том, или построить его с нуля, Однако за это время, вот код, который вы должны добиться того, что вы просите, как вы можете увидеть его в действии в этом JSFiddle, а вот код необходимо:

JS:

iFrameOriginalWidth = $('iframe').width(); 
OnResize(); 
$(window).resize(function() { 
    OnResize(); 
}); 

function OnResize(){ 
    var winWidth = $(window).width(); 
    if(winWidth < 900){ 
     $('iframe').css({'max-width':'100%'}); 
    }else{ 
     $('iframe').css({'max-width':iFrameOriginalWidth}); 
    } 
} 

HTML:

<h2>Welcome to my iFrame</h2> 
<iframe src="http://www.coffeeipsum.com" width="1100" height="300" frameborder="0" scrolling="no" />