javascript - 最大化每个页面上的弹出窗口

Question

我正在创建一个功能来最大化我的弹出窗口，在这种情况下是一个 iframe。我为此功能使用以下 JQuery 代码：

$(document).ready(function(){

  $('#"+btnMaximiza.Id+"').click(function(){

    $('#"+btnMaximiza.Id+"').hide();
    $('#"+btnMinimiza.Id+"').show();

    $('.os-internal-Popup', window.parent.document).attr('style', 'top: 0px!important');
    $('.os-internal-Popup', window.parent.document).css('left','0px');
    $('.os-internal-Popup', window.parent.document).css('z-index','5000');
    $('.os-internal-Popup', window.parent.document).width('100%');
    $('.os-internal-Popup', window.parent.document).height('100%');

  });

});

我的问题是它没有使高度达到页面的 100%。如图所示：

标签： javascriptjquerycssiframepopup

Answer 1

您可以尝试使用它来设置大小

$('.os-internal-Popup', window.parent.document).height('100vh');
$('.os-internal-Popup', window.parent.document).width('100vw');

vh：视图高度和vw：视图宽度。

更多关于 CSS 单元的信息。