Html 如何消除移动版本上倾斜div的间隙?

Html 如何消除移动版本上倾斜div的间隙?,html,css,Html,Css,请帮助移除移动版上倾斜div下方的间隙。看看下面的图片,我拥有什么,我需要什么 测试页面: 倾斜试验 身体{ 保证金:0; 填充:0; -ms溢出样式:无; } 正文::-webkit滚动条{ 显示:无; } .头衔{ 字体大小:12vh; 利润率最高:10%; 左边距:10%; 位置:绝对位置; z指数:10; } .第1节{ 高度:100vh; 背景色:红色; } .第2节{ 高度:100vh; 背景颜色:蓝色; } .第3节{ 高度:100vh; 背景颜色:绿色; } .倾斜{ 身高:1

请帮助移除移动版上倾斜div下方的间隙。看看下面的图片,我拥有什么,我需要什么

测试页面:

倾斜试验 身体{ 保证金:0; 填充:0; -ms溢出样式:无; } 正文::-webkit滚动条{ 显示:无; } .头衔{ 字体大小:12vh; 利润率最高:10%; 左边距:10%; 位置:绝对位置; z指数:10; } .第1节{ 高度:100vh; 背景色:红色; } .第2节{ 高度:100vh; 背景颜色:蓝色; } .第3节{ 高度:100vh; 背景颜色:绿色; } .倾斜{ 身高:100%; 宽度:100%; 背景色:白色; 变换:倾斜0度,-9度; 变换原点:0%100%; 位置:绝对位置; z指数:5; } 第一张幻灯片 第二张幻灯片 第三张幻灯片
完成了!我真蠢。只需更改。倾斜的高度百分比为vh