前端适配手机横竖页面如何设置

前端适配手机横竖屏页面通常需要考虑以下几个方面：

1. 响应式布局（Responsive Layout）

使用响应式设计技术，根据屏幕尺寸调整页面布局。

CSS 媒体查询（Media Queries）

```css

@media (orientation: landscape) {

/ 横屏样式 /