与控件，窗口，窗体或屏幕的大小调整有关的问题。
看这里： 我只想打开黄色部分，背景中的其余部分是不必要的，我该怎么做？ 打开iframe的代码： ... 看这里： 我只想打开黄色部分，背景中的其余部分是不必要的，我该怎么做？ 打开iframe的代码： <div class="col-12 mb-3"> <a class="nav-link text-white" href="javascript:void(0);" onclick="openModal('emailVerification', '../pages/email-verification.html')"> <button id="verifyEmailButton" type="button" class="btn btn-success" style="width: 300px;">Bekräfta din e-post</button> </a> </div> <div class="modal fade" id="emailVerificationModal" tabindex="-1" role="dialog" aria-labelledby="emailVerificationModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-scrollable modal-xl" role="document"> <div class="modal-content border-0"> <button style="background-color: #2e4873; color: white;;" type="button" class="btn btn-info close small-close-btn" aria-label="Close" data-dismiss="modal" onclick="closeEmailVerificationModal()">×</button> <br> </button> <div class="modal-body"> <iframe id="emailVerificationIframe" src="" frameborder="2" style="width: 100%; height: 80vh;"></iframe> </div> </div> </div> </div> & 带有 iframe 内容的 HTML: <div class="main"> <div class="div-1"> <div class="div-2"> <img src="../social/icons/mail.png" width="70px" /> <h3>Verifiera din e-post adress</h3> <p id="ppp"> Du är nästan där! Vi har skickat ett mail till: <span style="font-weight: bold;" class="d-sm-inline d-none" id="userID"><span id="userName"></span></span> </p> <p> Klicka bara på länken i det e-postmeddelandet för att slutföra din registrering. Om du inte set det, kan du behöva <span id="bold">kolla din skräppost.</span </p> </div> <p id="message"></p> <div class="buttondiv"> <button style="background-color: #2e4873;" type="button" class="btn btn-info"onClick="resend()">Skicka igen</button> <button style="background-color: #2e4873;" type="button" class="btn btn-info" onClick="reload()">Bekräfta</button> </div> <div id="info-message" class="alert alert-success alert-dismissible text-white" role="info" style="display: none;"> <span class="text-sm">Nu har vi skickat verifikationslänken igen.</span> </div> <div id="warning-message" style="display: none;"> <span class="text-sm">Du har inte bekräftat din e-post adress än.</span> </div> <div id="success-message" style="display: none;"> <span class="text-sm">Din e-post adress är nu bekräftad.</span> </div> </div> </div> 我有多个这样制作的模态，确实需要调整它们的大小。 这是一个如何使用具有透明背景的对话框的简单示例 您可以在这里找到文档：https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog const dialog = document.querySelector("dialog"); const showButton = document.querySelector("dialog + button"); const closeButton = document.querySelector("dialog button"); // Le bouton "Afficher la fenêtre" ouvre le dialogue showButton.addEventListener("click", () => { dialog.showModal(); }); // Le bouton "Fermer" ferme le dialogue closeButton.addEventListener("click", () => { dialog.close(); }); ::backdrop { opacity: 0; } <main> <dialog> <p>Hello World</p> <button autofocus>Close</button> </dialog> <button>Show Dialog</button> <p>"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." Section 1.10.32 du "De Finibus Bonorum et Malorum" de Ciceron (45 av. J.-C.) "Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?" Traduction de H. Rackham (1914) "But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences that are extremely painful. Nor again is there anyone who loves or pursues or desires to obtain pain of itself, because it is pain, but because occasionally circumstances occur in which toil and pain can procure him some great pleasure. To take a trivial example, which of us ever undertakes laborious physical exercise, except to obtain some advantage from it? But who has any right to find fault with a man who chooses to enjoy a pleasure that has no annoying consequences, or one who avoids a pain that produces no resultant pleasure?" </p> <main>
在桌面应用程序（用 Electron 编写）中，我正在尝试实现一项功能，允许用户全屏打开应用程序或将其返回到相反状态（最初是
我不小心在Android Studio中将字体大小设置得太大了。我现在无法使用任何功能，包括滚动。我没有启用通过 Ctrl+鼠标滚轮更改字体大小。我怎样才能改回d...
我想构建一个实用工具，可以在从 VBox 添加/删除子项时垂直调整大小。子项通过用户输入进行修改。用户无法调整应用程序窗口的大小。 我有
所以基本上我制作了一个父元素宽度 90% 的输入元素。 我在输入元素之后创建了一个 span 标签。所以我想根据span标签的内容，输入elem...
图像在实时时不会调整大小，但在 Visual Studio 代码中可以调整
身体{ 字体系列：sans-serif、Georgia、“Times New Roman”、Times、serif } 标头{ 文本对齐：居中； 背景颜色：白杏仁色； 内边距：10 像素 } ＃照片{ 宽度：25%； 博...
我们正在安装 Solaris 10 update 11 (x86-64)，但遇到了一个小问题。 系统无法自动识别添加的新磁盘（或调整大小的磁盘）。 我们必须重新启动并配置...
我在 Chrome 上使用 React 15，想要连接一个事件监听器来检测父容器的更改。在四处寻找选项后，我遇到了 ResizeObserver，但不知道如何获取...
我有这张桌子。我想减小表的大小，但我无法更改。 ddtolength{ abcolsep}{-1pt} 不能按我想要的方式工作。我该做什么？？？ 埃金{表}[htbp] 例如{表格}{|p{2cm}||p...
带有 Qpainter 的 QOpenGLWidget：OpenGL 绘图仅在第一次 PaintGL 调用后可见
我想在 QT 中使用 QOpenGLWidget 来创建快速线图。这些图将带有一些标签，我目前正在使用带有drawText()的QPainter。在各种示例中，
桌子尺寸 我有这张桌子。我想减少表的大小，但我无法更改。 ddtolength{ abcolsep}{-1pt} 不能按我想要的方式工作。我该做什么？？？ 埃金{表}[htbp] 埃金{表格}{...
我正在尝试用 VHDL 设计一个具有 4 位和 3 位无符号输入的 ALU。但是我调整输入大小的尝试失败了，因此加法操作将“X”作为输出。 这是我的...
如何使用 g-parted 调整双引导 lenovo thinkpad 上的 linux ubuntu 分区大小
如何使用 g-parted 在双启动 lenovo thinkpad 上调整 linux ubuntu 分区的大小。 考虑到我在网上找不到任何确切的答案，我自己回答了这个问题。
如何使用 g-parted 调整双引导 lenovo thinkpad 上的 linux ubuntu 分区大小
如何使用 gparted 在双启动 lenevo thinkpad 上调整 Linux 分区大小 启动进入 Windows 并释放空间（为此，您需要执行一些操作...在线查找，清除一些
Syncfusion Flutter DataGrid：如何启用拖放列重新排序和列大小调整
Syncfusion Flutter DataGrid：如何启用拖放列重新排序和列大小调整 我无法使用拖放列和调整列大小来创建 Syncfusion 的 Flutter DataGrid 小部件
在WPF中，我有一个窗口，我希望其高度适合内容（并动态调整，因为我有一个扩展器）并防止用户能够更改它，但让他/她...... .
作为Size，Width和Height是System.Drawing.Image的Get()属性； 如何在 C# 中在运行时调整 Image 对象的大小？ 现在，我只是使用以下命令创建一个新图像： // objImage 是原点...
如何在具有特定坐标系的可调整大小的 JPanel 上绘制自定义组件？
我正在开发一个图形树可视化应用程序。该程序可以创建不同的布局来可视化树木。我所说的树是指一个 Node 对象，它可以有一个 Node 作为父节点，以及一个
在 ASP.NET 中，TabContainer 不会自动调整大小
我有一个 Ajax 选项卡容器，其中一个选项卡中有一个网格视图。 当gridview增加时，tab容器不增加，gridview被截断。 我有一个 Ajax 选项卡容器，其中一个选项卡中有一个网格视图。 当gridview增加时，tab容器不增加，gridview被截断。 <cc1:TabContainer ID="TabContainer1" runat="server" ActiveTabIndex="0" Width="100%"> <cc1:TabPanel runat="server" HeaderText="TabPanel1" ID="TabPanel1" > <HeaderTemplate> <div style="float: left;"> <img src="images/accept.png" /> </div> <div style="float: right; padding-left: 5px;">Accept </div> </HeaderTemplate> <ContentTemplate> -- rest of the markup here </ContentTemplate> </cc1:TabPanel> </cc1:TabContainer> 我错过了什么？ 尝试使用固定单位，但我不知道运行时网格的大小 那么，你的 GridView 的大小是多少？ 作为一般规则，最好为 GridView 提供一个“table”的 css 类（来自 bootstrap），这样 gridView 就会自动扩展到它必须使用的给定 div 大小。 因此，在大多数情况下，选项卡控件宽度已设置，然后内部内容会扩展到该大小（而不是如您所要求的相反）。 所以，说出这个标记： <ajaxToolkit:TabContainer ID="TabContainer1" runat="server" ActiveTabIndex="1"> <ajaxToolkit:TabPanel runat="server" HeaderText="Tab 1" ID="TabPanel1" Width="100%"> <ContentTemplate> <h4>Content area - hotel grid</h4> <asp:GridView ID="GVHotels" runat="server" AutoGenerateColumns="False" DataKeyNames="ID" CssClass="table table-hover" Width="100%" > <Columns> <asp:BoundField DataField="FirstName" HeaderText="FirstName" /> <asp:BoundField DataField="LastName" HeaderText="LastName" /> <asp:BoundField DataField="City" HeaderText="City" /> <asp:BoundField DataField="HotelName" HeaderText="Hotel" /> <asp:BoundField DataField="Description" HeaderText="Descriptioin" /> <asp:TemplateField HeaderText="Edit" ItemStyle-HorizontalAlign="Center" ItemStyle-Width="130px"> <ItemTemplate> <asp:Button ID="cmdEdit" runat="server" Text="Select" OnClick="cmdEdit_Click" /> </ItemTemplate> </asp:TemplateField> </Columns> </asp:GridView> </ContentTemplate> </ajaxToolkit:TabPanel> <ajaxToolkit:TabPanel ID="TabPanel2" runat="server" HeaderText="Tab 2"> <ContentTemplate> <div style="border: solid; border-color: red;"> <h4>Stuff inside of tab 2</h4> </div> </ContentTemplate> </ajaxToolkit:TabPanel> </ajaxToolkit:TabContainer> 并注意带有红色边框 div 的第二个选项卡如下所示： 再次注意红色“div”如何扩展到选项卡的大小，而不是相反。 因此，只要您“调整”选项卡控件的大小，那么 div 甚至 GridView 就应该扩展到该选项卡控件的给定大小。 如上所述，在单独的页面上测试外部网格视图。让 CssClass="table" 工作，因为这将始终自动将 GridView 扩展到其容器的大小。
是否可以仅使用 css 来调整 div 的大小，而无需如示例中给出的初始高度 220px（以具有响应式 div）。 如果我删除初始高度过渡停止工作，但 div 仍然