Javascript 自动调整innerWidth&；使用Colorbox jquery插件时基于视口的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)

});

---

我还发现了maxWidth和maxHeight色盒属性，但我会接受你的答案，因为它是清晰和简洁的。