Screen Orientation API：方向锁定与交互体验

概述Screen Orientation 提供屏幕方向信息并允许在用户手势与全屏场景下锁定方向。常用于视频播放、游戏与沉浸式页面。用法/示例console.log(screen.orientation.type) screen.orientation.addEventListener('change', () => console.log('changed', screen.orientation.type)) // 在用户手势后尝试锁定方向 document.querySelector('#btn').addEventListener('click', async () => { try { await screen.orientation.lock('landscape') } catch {} }) 工程建议在全屏或用户手势后调用 `lock`，减少被拒绝概率；提供解锁与状态提示。对不支持环境回退至 CSS 布局与媒体查询适配；避免强制锁导致体验受限。结合 `Fullscreen API` 与触控手势，确保交互与 UI 稳定。参考与验证MDN：Screen Orientation — https://developer.mozilla.org/docs/Web/API/Screen_Orientation_APIW3C：Screen Orientation — https://www.w3.org/TR/screen-orientation/