美文网首页
微信小程序PC端满屏显示

微信小程序PC端满屏显示

作者: 假装IT人 | 来源:发表于2020-05-18 10:35 被阅读0次

    目的与需求,针对办公类的小程序,在PC端使用的频率还是蛮高的,如果不进行设置在PC端最终的显示效果是414*610像素的一块小窗口,对操作来说多少有些不方便。

    在网上查阅了好多的文章,说可以设置小程序PC端横屏的方式来达到显示区域变大的效果,方法是在app.json文件中window对象里设置 "pageOrientation" 值为: "landscape" 就是直接设置为横屏,值为"auto"就是更随手机系统的横竖屏来决定,跟着方法走了一遍

    反复的测试,发现PC端的显示虽然大了些但是我想要的效果是手机端保持竖屏不能跟随系统改变,电脑端直接显示横屏效果。

    最终的解决方案为,window中"pageOrientation"不再设置,直接在app.json文件外层对象中设置"resizable": true 

    手机打开直接是竖屏不跟随手机系统横竖屏改变,电脑端直接横屏显示得到一个较宽的显示效果,然后在小程序胶囊三点处多了最大化选项,点击可以得到全屏显示效果最终的效果完成,做好笔记希望更多的开发爱好者得到帮助

    相关文章

      网友评论

          本文标题:微信小程序PC端满屏显示

          本文链接:https://www.haomeiwen.com/subject/hwmyohtx.html