自适应布局遇到的问题

问题遇到的现象和发生背景

我做了个静态页面，需要用到自适应布局

问题相关代码，请勿粘贴截图

当我适配别的端的时候页面下部会出现空白部分

运行结果及报错内容

我的解答思路和尝试过的方法

是因为内部元素没撑起来的原因吗？

我想要达到的结果

想要做到等比例适配

html body 以及你需要自适应盒子的高度都为100%

高度用100vh

要判断下是pc端还是移动端，然后加载不同的样式, pc端的宽高是px或者%，移动端用vh vw

高宽都设置下100%