javascript - 使用Colorbox jQuery插件时，根据视口(viewport)自动调整innerWidth和innerHeight的大小

我正在使用最新版本的Colorbox jquery插件打开iframe-我想打开此窗口并根据视口的大小正确调整其大小，这是我到目前为止所拥有的

$(document).ready(function(){
   $(".youtube").colorbox({iframe:true, innerWidth:640, innerHeight:390});
});

以适合手机等尺寸打开的任何想法。

最佳答案

您未指定确切含义。无论如何，这都会使它100％化。

$(document).ready(function(){

    var w = $(window).innerWidth();
    var h = $(window).innerHeight();

   $(".youtube").colorbox({iframe:true, innerWidth: w, innerHeight:h});
});

$(window).resize( function(){

    var w = $(window).innerWidth();
    var h = $(window).innerHeight();
    $('.youtube').css('width',w,'height',h)

});