@media h5 强制横屏

div-container 是全局容器

原理：

竖屏：顺时针旋转 90 度，平移回正常的位置

横屏：就正常宽度是 100 vw，高度是 100 vh 即可

竖屏原理图

css 代码如下

/* 竖屏 */
@media screen and (orientation: portrait) {
    .div-container {
        width: 100vh;
        height: 100vw;
        transform: rotate(90deg) translateY(-100%);
        transform-origin: 0 0;
    }
}

/* 横屏 */
@media screen and (orientation: landscape) {
    .div-container {
        width: 100vw;
        height: 100vh;
    }
}

也可以用 js 监听 orientationchange 事件 完成相关 css 操作