可以用 height:50vh;
文档: https://developer.mozilla.org...
vh是视口高度的 1/100。
需要设置<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, maximum-scale=1">

还有一种方案 html和body都设置height:100% 也可以达到占满屏幕的效果 然后上下都设置50%高度就是了