Question

我有一个显示广告990x90的iFrame。

我希望这样，移动观众仍然可以看到广告，但我需要iframe来调整大小和＃34;，例如，如果屏幕宽度为900，我需要高度成比例。< / p>

请帮忙:)

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" />

如果屏幕宽度小于x，请调整iFrame的大小

1 个答案: