uniapp小程序设置页面横屏_uniapp如何控制页面横屏显示

作者：很楠不爱3 | 2024-03-26 07:25:03

踩

uniapp如何控制页面横屏显示

1.设置单个页面横屏

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


        "style": {
          "mp-weixin": {
            "pageOrientation": "landscape"
          }//横屏
        }
 
//pageOrientation - 有三个值:auto:自动；landscape：横屏；portrait ：竖屏

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

在 globalStyle 中添加

"pageOrientation": "landscape"

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

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

效果图

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/很楠不爱3/article/detail/315473