1.设置单个页面横屏

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

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

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

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

在 globalStyle 中添加

"pageOrientation": "landscape"

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

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

效果图

 

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐