使用on resize来设置div高度？

使用onresize来设置div高度是一种常见的前端开发技巧，它可以在浏览器窗口大小改变时动态调整div元素的高度。具体实现步骤如下：

1. 首先，给需要调整高度的div元素添加一个唯一的id属性，例如：<div id="myDiv"></div>。
2. 在JavaScript代码中，使用onresize事件监听浏览器窗口大小改变的事件，并在事件触发时执行相应的操作。
3. 在JavaScript代码中，使用onresize事件监听浏览器窗口大小改变的事件，并在事件触发时执行相应的操作。
4. 上述代码中，window.onresize表示监听窗口大小改变事件，window.innerHeight表示当前窗口的高度，div.style.height表示设置div元素的高度。
5. 最后，为了保证初始加载时div元素的高度正确，可以在页面加载完成后手动触发一次onresize事件。
6. 最后，为了保证初始加载时div元素的高度正确，可以在页面加载完成后手动触发一次onresize事件。

使用onresize来设置div高度的优势是可以实现响应式布局，使得div元素的高度能够根据浏览器窗口大小的变化而自动调整，适应不同设备和屏幕尺寸的展示需求。

应用场景：

• 响应式网页设计：通过设置div高度，实现网页布局的自适应，提升用户体验。
• 动态展示：根据浏览器窗口大小的变化，动态调整div元素的高度，以适应不同展示需求。

腾讯云相关产品和产品介绍链接地址：

• 腾讯云云服务器（CVM）：提供弹性计算能力，满足各类业务需求。产品介绍链接
• 腾讯云云函数（SCF）：无服务器计算服务，帮助开发者更轻松地构建和运行云端应用。产品介绍链接
• 腾讯云对象存储（COS）：提供安全、稳定、低成本的云端存储服务，适用于各类数据存储需求。产品介绍链接
• 腾讯云人工智能（AI）：提供丰富的人工智能服务，包括图像识别、语音识别、自然语言处理等。产品介绍链接