js根据手机角度实现横屏竖屏

要根据手机角度实现横屏和竖屏切换，你可以使用JavaScript中的`window.orientation`属性和`window.addEventListener`方法来监听设备方向变化事件。以下是一个示例代码：

window.addEventListener('orientationchange', function() {
  if (window.orientation === 90 || window.orientation === -90) {
    // 横屏
    console.log('横屏');
  } else {
    // 竖屏
    console.log('竖屏');
  }
});

在上面的代码中，我们使用`window.addEventListener('orientationchange', ...)`来监听设备方向变化事件。在事件回调函数中，我们通过检查`window.orientation`属性的值来判断设备的方向。如果`window.orientation`的值为90或-90，则表示设备处于横屏状态；否则，表示设备处于竖屏状态。

根据需要，你可以在横屏和竖屏时执行相应的操作，例如调整页面布局或显示不同的内容。

请注意，`window.orientation`属性在不同浏览器和设备上的行为可能会有所不同。此外，现代浏览器通常建议使用CSS媒体查询和媒体查询事件（如`window.matchMedia`和`window.addEventListener('resize', ...)`）来响应设备的方向变化。因此，你可能需要根据具体情况选择最适合你的解决方案。