窗口高度自适应可以通过设置CSS的height属性为100%来实现，这样窗口的高度就会根据浏览器窗口的大小自动调整。

窗口高度自适应是指在网页设计中，窗口的高度能够根据内容的变化而自动调整，这种技术可以提高用户体验，使网页在不同设备上都能够呈现出最佳的效果。

窗口高度自适应的原理

1、浏览器窗口大小变化时，触发resize事件。

2、监听到resize事件后，获取当前窗口的高度和宽度。

3、根据窗口的高度和宽度，重新计算页面元素的大小和位置。

4、更新页面元素的样式，使页面元素适应新的窗口大小。

实现窗口高度自适应的方法

1、使用百分比单位设置元素的高度和宽度。

2、使用CSS的vh单位设置元素的高度，vh表示视口高度的百分比，1vh等于视口高度的1%。

3、使用JavaScript监听窗口大小变化，动态调整元素的大小和位置。

相关代码示例

1、使用百分比单位设置元素的高度和宽度：

       
   
这是一个使用百分比单位设置高度和宽度的元素。
 
   

2、使用CSS的vh单位设置元素的高度：

       
   
这是一个使用vh单位设置高度的元素。
 
   

相关问题与解答

问题1：为什么有时候窗口高度自适应不起作用？

答：可能是因为某些CSS样式或者JavaScript代码影响了窗口高度的计算，建议检查并移除可能影响窗口高度自适应的代码。

问题2：如何在不同的浏览器中测试窗口高度自适应效果？

答：可以使用不同的浏览器（如Chrome、Firefox、Safari等）打开同一个网页进行测试，如果在不同的浏览器中窗口高度自适应效果不同，可能需要针对特定的浏览器进行调整。