我正在使用最新版本的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)

});

09-26 04:34