我无法调整网站页面的高度

Question

Homepage

附图中有我正在设计的页面。 在这里，我写了以下CSS：

height: 100%;
width: 100%;

虽然宽度很好，但高度并不占据屏幕的整个部分。

我在一个19英寸的小屏幕上测试它看起来很好。我有一个21英寸的屏幕，我面临这个问题。 有什么办法可以让这个页面占据整个页面而不管屏幕尺寸如何？

Answer 1

要获得完整的100% height屏幕，您需要将所有元素设置为100％，包括html和body。在CSS上试试这个：

html,body {
   height:100%;
}
.yourcontainer, .insidelements {
   height:100%;
}