uniapp小程序设置页面横屏

1.设置单个页面横屏

1.在pages.json中对应的页面配置添加：

        "style": {
          "mp-weixin": {
            "pageOrientation": "landscape"
          }//横屏
        }

//pageOrientation - 有三个值:auto:自动；landscape：横屏；portrait ：竖屏

2.设置整个小程序页面横屏

在 globalStyle 中添加

"pageOrientation": "landscape"

3.横屏后字体样式都会变大

解决：使用px 代替 rpx ;  注意 1px = 2rpx

效果图