javascript - div 根据浏览器窗口的高度调整大小

标签 javascript twitter-bootstrap modal-dialog

http://boosterdomains.com/svoge/index_register_2.html friend 们大家好,我正在为一个问题而苦苦挣扎。 单击菜单右上角的黄色按钮。 它将打开模式窗口。 一切安好。 但是,如果客户端窗口/浏览器水平是一半并且使用没有滚动的笔记本怎么办?他将无法注册。 我的问题是,如何制作: 当浏览器窗口调整大小时,模式窗口会自动调整垂直大小。我想要的是摆脱滚动。如何制作?

最佳答案

目前我可以建议您几种选择:

  1. 您可以对模态窗口使用固定高度,并通过媒体查询针对不同设备进行更改。
  2. 您可以通过在触发窗口对象的调整大小事件后获取窗口高度的 JavaScript 来更改它:

    window.addEventListener('resize', function (e) {
    // Your resize here.
    });
    
  3. 了解如何使用height in percentage并将其设置为 70-80% 左右。

关于javascript - div 根据浏览器窗口的高度调整大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30563733/

相关文章:

javascript - Meteor autoform - 计算隐藏字段的值

javascript - 在商店 Woocommerce 中显示产品下的类别 - 继续显示 '' 数组”

html - 在 Bootstrap 3 中将引号与行底部对齐?

javascript - Masonry js 扰乱了 Bootstrap 选项卡功能

javascript - jQuery UI 模式对话框覆盖淡出

python - Django Selenium 单击 ajax 模式弹出窗口上的按钮

javascript - 无法将文本添加到幻灯片 li 元素中

javascript - 如何防止在多次单击 "prev"按钮上运行多个 ajax 查询

javascript - 面板从另一页折叠(展开)

css - Bootstrap Pop-up Modal 未显示。相反,我得到黑屏