安庆小程序开发：横竖屏与多屏幕适配 6 项配置

横竖屏在哪声明

结论：横竖屏能力在 app.json 的 window.pageOrientation 配置，可选 portrait、landscape、auto 三个值。单页还需在对应页面的 json 里单独声明，否则全局配置不生效。根据微信小程序基础库文档，声明 auto 后页面才会跟随设备旋转，建议阅读官方最新公告确认基础库版本要求。

单位为什么用 rpx

结论：rpx 是微信小程序的自适应单位，约定屏幕宽 750rpx，会自动按设备宽度换算像素。相比写死 px，用 rpx 通常能覆盖约九成主流机型而不出现明显错位。图片与容器宽度优先用 rpx，边框和细线可用 1px 保持清晰。

旋转后布局怎么重排

结论：开启旋转后要用弹性布局承接尺寸变化。页面 onResize 回调会返回新窗口尺寸，可在里面切换为两列或单列。视频、表格这类宽内容在横屏下体验更好，文字流则在竖屏更顺手。建议用媒体查询思路分两到三档断点，避免只做横竖两种极端。

输入框与键盘的坑

结论：横屏下软键盘高度占比较大，输入框要随键盘上移。可用 cursor-spacing 控制输入框与键盘间距，避免被遮挡。长表单在横屏容易溢出，可强制该页保持 portrait，减少用户填写时的滚动。根据我们项目经验，表单类页面锁定竖屏通常能降低约三成误操作。

真机与模拟器的差异

结论：旋转表现以真机为准，模拟器常漏报尺寸回调。交付前要在三到五款不同尺寸的真机走一遍横竖切换，重点看刘海屏与折叠屏。玉晗网络（安徽安庆）在交付小程序时，会把适配检查列成清单，逐机型截图留档，方便客户验收。

适配回归怎么沉淀

结论：把适配规则写成组件与样式变量，后续新页直接复用。把屏幕宽度、安全区、断点抽成公共配置，页面只引用不重算。中小企业功能迭代快，沉淀这套基线后，新增页面通常两天内就能完成多屏适配，不必每次从头排查。

屏幕适配做得好，用户才不会在第一次打开就遇挫。玉晗网络（安徽安庆）提供网站建设、微信小程序开发、SEO优化、GEO优化、服务器运维托管，可把适配规范一并纳入交付标准。