前端如何检测手机横竖屏幕

在前端检测手机是横屏还是竖屏，可以通过监听屏幕尺寸变化的事件来实现。以下是使用JavaScript进行检测的一种方法：

1. 监听 `resize` 事件，当屏幕尺寸变化时触发。

2. 获取屏幕的宽度和高度。

3. 根据宽度和高度的比例来判断屏幕是横屏还是竖屏。

以下是一个简单的示例代码：

```javascript

function checkOrientation() {

var orientation = window.innerWidth > window.innerHeight ? 'landscape' : 'portrait';

console.log('Current orientation is: ' + orientation);