版本：20230309

相关文档：

响应显示区域变化：微信小程序文档——响应显示区域变化

PC 小程序开发：微信小程序文档——PC 小程序开发

微信小程序文档-全局配置 resizable：微信小程序文档-全局配置 resizable

更多使用帮助，请访问：微信小程序——开发指南

一、小程序支持任意窗口大小

我们知道传统的小程序，无论是在 PC 还是移动端，打开的窗口都是固定死的，无法拖拽，更无法全屏，因为窗口太小，这就导致一些适合全屏展示（比如腾讯文档小程序版）的小程序使用非常不友好。

但这篇文章就是在腾讯文档小程序版本上写的，为什么呢，因为小程序新出了功能——任意改变窗口大小，可以全屏使用腾讯文档小程序了，当然在电脑上编辑就很方便了。

开启新功能，默认显示效果如下：

开启新功能，全屏显示效果如下：

此外，开启新功能，鼠标悬浮在窗口边缘时，会出现一个调节图标，可以用鼠标拖拽调整窗口大小：

传统的小程序：

二、如何实现

根本不用自己实现，这是小程序库自带的功能，从小程序的 2.3.0 版本开始支持。

我们只需要在 app.json 文件里面，新增 "resizable": true, 即可实现。

但是，当改完代码发现模拟器没有出现任何变化：

这是因为调试的姿势不对。

运行环境要求，下载并安装 1.02.190808 或以上版本的开发者工具，下载地址。

使用自动预览功能，点击 预览->自动预览，可以选择启动 PC 自动预览，点击编译并预览，成功的话将在微信 PC 版上自动拉起小程序。

点击 编译并预览 等待神奇发生就行了，点击预览的效果如下：

使用 iPad 或 PC 端的微信查看这篇文章，体验小程序的全屏效果。