"Screen Orientation API：方向锁定与响应布局策略"

概述Screen Orientation API 允许查询当前屏幕方向类型并在用户手势下尝试锁定方向（如 `portrait-primary`）。在阅读/导航/全屏视频等场景可改进体验，需要考虑权限与兼容。示例try { await screen.orientation.lock('portrait-primary') console.log(screen.orientation.type) screen.orientation.addEventListener('change', () => { // 根据方向调整布局与控件 }) } catch (e) { /* 回退或提示 */ } 工程建议手势与权限：在用户显式操作后锁定；处理失败与不支持情况。布局协作：结合响应式样式与容器查询；避免方向变化导致布局抖动。兼容：在桌面与部分移动平台行为差异较大；提供手动切换入口。参考与验证MDN Screen Orientation 文档：https://developer.mozilla.org/docs/Web/API/Screen_Orientation_APIW3C 规范：https://www.w3.org/TR/screen-orientation/Chrome 平台文档：https://developer.chrome.com/docs/web-platform/screen-orientation/