展具屏幕不是 1920×1080 怎么办？非标分辨率适配要点
展厅的屏幕很少是标准的 1920×1080。一体机、竖屏、拼接、异形屏，各有各的尺寸。界面如果按 1080P 做完直接丢上去，结果不是被拉伸变形，就是四边留黑。
适配这件事的关键不在技术，在开工前把基准定死。
先定一个设计基准分辨率
所有界面排版都基于这一个尺寸来做，其他尺寸靠缩放适配。基准选错了，后面每一版都要返工。
选基准的原则：就用现场主力设备的实际分辨率，不要用”通用的 1920×1080”再去缩放到实际尺寸——那等于让所有素材都过一道非整数倍缩放，画质白白损失。
举个真实例子：某次车展项目的展具屏是 2880×1920 横屏，那设计基准就直接定 2880×1920。UI 稿、切图、字号全部按这个来，现场是 1:1 呈现，最清晰。
基准定下来之后要同步给设计。这一步经常掉链子——设计按习惯出了 1920×1080 的稿，开发拿到之后放大到 2880×1920，所有图都糊了，只能返工重出。
缩放策略：等比缩放还是拉伸
真机分辨率和基准不一致时，有几种处理方式，各有取舍：
| 策略 | 效果 | 适用 |
|---|---|---|
| 等比缩放 + 留边 | 不变形，但可能有黑边 | 比例不同时最稳妥 |
| 拉伸铺满 | 铺满但会变形 | 几乎不该用，人脸和圆形会明显失真 |
| 等比缩放 + 裁切 | 铺满不变形，但边缘内容会被切掉 | 背景图可以，含文字的界面不行 |
| 响应式重排 | 按实际尺寸重新布局 | 最好但工作量最大 |
展厅场景的建议：如果所有设备都是同一个比例（只是尺寸不同），等比缩放就够了，效果和 1:1 几乎没差别。如果比例不一致（比如既有 16:9 又有 3:2），那就要么做响应式重排，要么为不同比例各出一套素材。
绝对不要用拉伸铺满。观众可能不懂技术，但”这个人脸怎么是扁的”一眼就能看出来。
字号与点击区域：不能只按比例缩
界面缩放时容易忽略的两点：
1. 字号缩小之后还看得清吗
展厅的观看距离比办公桌远得多。基准稿上看着合适的字号，缩放到小屏上可能就看不清了。字号应该按”实际物理尺寸 + 观看距离”来定，而不是单纯按比例缩。
2. 点击区域缩小之后还点得中吗
触摸屏的点击目标有最小尺寸要求——手指的接触面积是固定的，不会因为屏幕小就变小。按钮等比缩小之后可能就变得难以点中，尤其是老人和小孩。
这两条的处理办法是：布局等比缩放，但字号和点击区域单独设下限，小于下限就不再跟着缩。
素材要按最大尺寸准备
图片、视频素材要按最大的那块屏准备，然后往下缩。反过来做（按小屏准备再放大）会糊。
视频尤其要注意：分辨率、码率、编码格式都要和播放设备的能力匹配。展厅播放主机的解码能力有限，给一个远超需求的超高码率视频，可能导致卡顿掉帧——这属于另一类问题，详见播放卡顿掉帧。
多平台时的额外考虑
如果同一套内容要跑在不同平台上（Windows 一体机、安卓平板、鸿蒙设备），除了分辨率还要考虑：
- 各平台的默认字体不同，同样字号的实际显示宽度不一样，排版可能挤
- 各平台对视频编码的支持不同，同一个文件未必都能播
- 触摸事件的行为差异，尤其是多点触控和手势
这些差异建议在项目早期就拿真机各验一遍，别等内容做完了才发现某个平台不兼容。
现场验收要看什么
到现场之后，这几项要逐一确认：
- 界面有没有变形：找画面里的圆形元素看，圆变椭圆就是拉伸了
- 有没有内容被切掉：重点看四边和角落
- 字在实际观看距离上看不看得清：站到观众实际站的位置看，不要凑近看
- 按钮好不好点：找不同的人试，包括手大的和手小的
- 视频播放流不流畅：完整播一遍，看有没有卡顿
常见问题
Q：展具屏是非标分辨率，界面要怎么做？ A：直接以现场主力设备的实际分辨率作为设计基准，UI 稿、切图、字号全按这个出，现场 1:1 呈现最清晰。不要按 1920×1080 做完再缩放，那会让所有素材过一道非整数倍缩放白白损失画质。
Q：不同设备分辨率不一样怎么办？ A：比例相同只是尺寸不同的，等比缩放就够了。比例不同的（比如既有 16:9 又有 3:2），要么做响应式重排，要么为不同比例各出一套素材。不要用拉伸铺满，变形观众一眼能看出来。
Q：界面缩小之后字看不清、按钮点不中？ A：字号和点击区域不能单纯按比例缩。字号要按实际物理尺寸和观看距离定，点击区域有最小尺寸要求（手指接触面积不会因为屏小而变小）。做法是布局等比缩放、但这两项单独设下限。
Q：素材要按哪个尺寸准备？ A：按最大的那块屏准备再往下缩，反过来做会糊。视频还要注意分辨率、码率、编码格式与播放设备的解码能力匹配，码率给得过高会导致卡顿。
这套适配思路的实际应用，可以看某头部自主品牌汽车厂商车展——那个项目的展具屏就是 2880×1920 横屏。播控与显示的整体方案见多媒体播放专题，也可以直接联系我们。