如何在不使用滚动条的情况下使 html 页面适合弹出窗口（对话框）？答案

【问题标题】：How to fit html page in pop up window (dialogue box) without using scrollbar?如何在不使用滚动条的情况下使 html 页面适合弹出窗口（对话框）？
【发布时间】：2015-03-03 22:40:28
【问题描述】：

我是 JS/Html 世界的新手，并尝试在单击 html 中的某些文本时在弹出/对话框窗口中加载 html 页面，但加载的页面大于弹出窗口大小，因此有滚动条。

Javascript/Jquery 代码

$(document).ready(function(){
 $('.showModal2').click(function(){
      $('#popup2').dialog({width: 450,height: 450});
  });
});  

$(function(){
    $("#data").load("frontend/js/page.html"); 
});

HTML 代码

<div id="popup2" title="Results" style="display:none;">          
     <div id="data" style="min-width: 200; height: 400; max-width:   400; margin: 0 auto"></div>
</div>  

<a HREF="javascript::void()" class="showModal2"><font color="blue">Link</font></a>

有什么方法可以在弹出/对话框窗口大小（这里 l=450 和 b=450）内完全适应页面而不使用像裁剪页面这样的滚动条？

【问题讨论】：

标签： javascript jquery html popup

【解决方案1】：

试试这个。

$（函数（）{ $("#dialog").dialog({ 自动打开：假，可调整大小：假，宽度：“自动” }); $(".dialogify").on("点击", function(e) { e.preventDefault(); $("#dialog").html(""); $("#dialog").dialog("option", "position", { 我的：“中心”，在：“中心”，的：窗口 }); if ($("#dialog").dialog("isOpen") == false) { $("#dialog").dialog("open"); } }); });

【讨论】：

【解决方案2】：

试试下面的代码，它对我有用：

$(function() {
    $( "#dialog-1" ).dialog({
        autoOpen: false,  
    });
    $( "#opener" ).click(function() {
        $( "#dialog-1" ).dialog( "open" );
    });
});

【讨论】：

使用“打开”的唯一区别，但我需要对话框的大小有限，并且需要在该对话框中适合 html 页面。这怎么可能？任何可行的例子都会对我有很大帮助。