根据屏幕尺寸调整iframe的宽度和高度 [英] Adjust width and height for iframe depending on screen size

问题描述

我有:

$("#fancybox-manual-b").click(function() {
    $.fancybox.open({
    href : 'iframe.html',
    type : 'iframe',
    padding : 5
    });
});

<li><a class="fancybox fancybox.iframe" href="iframe.html">Iframe</a></li>

但是我想根据用户屏幕的尺寸调整iframe的尺寸.

however I would like to Adjust size of iframe depending on user screen's size.

我正在尝试类似的事情:

I was trying something like:

width = $(window).width() -80;
heigth= $(window).height() -80;

这正确吗?如何在代码中使用它?

Is this correct?, how to use it in code?

推荐答案

或者，您也可以尝试一下.

Alternatively, you can also try this..

<script type="text/javascript">
    $(document).ready(function () {
         $("a.iframe").fancybox({
            'width': 800,
            'height': 500,
            'transitionIn': 'elastic',
            'transitionOut': 'elastic',
            'type': 'iframe'
        });
    });
</script>

ND

这篇关于根据屏幕尺寸调整iframe的宽度和高度的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！