Twitter bootstrap 响应div高度-自举

有人能帮我找出我做错了什么吗？ 点击链接查看有问题的网站，请-

我不能让绿盒子在高度上有反应。它在宽度上缩放，但高度保持不变。我想让它一起调整大小，使绿色框的高度和宽度在同一时间调整，并适合屏幕

任何帮助都将不胜感激，因为我真的不知道那里可能有什么问题

---

谢谢

您可以尝试将高度设置为自动/100%

或

这可能不是你想要的，但我有一个类似的问题，媒体的询问帮助我解决了这个问题

您可以设置最小宽度，并根据此设置div的高度

 @media only screen and (min-width: 768px) {
         .loginbox
         {
          height: 120px; / height: 50%;
         }
     }

您可以向W3schools查询媒体

---

您可以尝试相对于引导中的视点规则： . 它制定了一条规则，让您的div 100%独立于您的设备显示屏幕。下面是一个例子：

---

最小宽度100vwMin height 100vhWidth 100vhheight 100vh

高度也将根据屏幕宽度进行调整。尝试了设备上的页面，因为它是有响应的。嗨，Nitesh，谢谢你的回复！当您在手机或平板电脑上打开它时，它会做出响应。但是，当您在不同的笔记本电脑/桌面屏幕上打开时，客户不需要向下滚动查看完整的联系人表单，此时位置是“固定”的，绿色框会随着屏幕调整大小以适应屏幕（如果有意义的话？），您必须向下滚动一点才能看到带有联系人表单的绿色框。很抱歉，我不需要向下滚动来查看联系人表单。但是，您可以尝试最小化页面顶部的填充140px。因此，在您的设备上（请选择什么屏幕分辨率？），您可以在绿色框中看到完整的联系人表单，而无需向下滚动？我试图最小化页面顶部的填充物，但问题是在大屏幕上（1200像素大），绿色框不在屏幕中间（这就是页面顶部有140px填充的原因）。您对如何解决这一问题有何想法/建议？非常感谢。