获取屏幕高度并赋值给div动态调整页面布局
获取屏幕高度并赋值给div，是响应式设计中常见的需求，适合那些需要动态调整页面布局的场景。比如，想要让版权部分始终固定在页面底部，无论屏幕尺寸如何变化，这时就可以用这种方法。通过 JavaScript 的window.innerHeight属性，获取浏览器窗口的高度，赋值给目标div的高度。再配合 CSS 中的position: absolute;，就能确保版权部分始终在底部显示，效果还是蛮不错的。像这种方法适合响应式设计，确保无论设备如何变化，页面都能自适应。你可以参考下面的代码，看看具体是怎么操作的：
var screenHeight = window.innerHeight;
var copyrightDiv = document.getElementById('copyright');
copyrightDiv.style.height = screenHeight + 'px';
文件大小：75.16KB
评论区