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

时间:2015-05-31 23:22:26

标签: javascript twitter-bootstrap modal-dialog

http://boosterdomains.com/svoge/index_register_2.html 朋友你好,我正在努力解决一个问题。 单击菜单右上角的按钮,黄色的按钮。 它将打开模态窗口。 一切都好。 但如果客户端窗口/浏览器水平是一半并使用笔记本没有滚动怎么办?他将无法注册。 我的问题是,如何制作: 当浏览器窗口调整大小时,模态窗口会自动垂直调整大小。我想要的是远离滚动。如何制作?

1 个答案:

答案 0 :(得分:1)

目前,我可以为您推荐几个选项:

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

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