自动调整innerWidth＆amp;使用Colorbox jquery插件时，innerHeight基于视口

Question

我正在使用最新版本的Colorbox jquery插件来打开一个iframe - 我想打开它并根据视口的大小正确调整大小，这是我到目前为止

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

任何想法都可以以合适的尺寸开放移动设备等。

Answer 1

你没有具体说明这意味着什么。无论如何，这将使其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)

});