适配标准
小程序建立了2种常用比例下的基准屏幕,并且规定了屏幕尺寸范围和宽高比区间,并通过定义框架及内容容器来定义页面布局自适应标准。
缩放基准
提供常用2种比例的基准屏作为屏幕缩放基准。
适配范围
提供屏幕宽高比适配范围,覆盖市面大部分屏幕
缩放基准
1.缩放基准屏尺寸
经过对主要车企车型的分辨率收集与分析,目前市面上主流屏幕分辨率比例以 16:9 和 8:3 居多,能覆盖到72.39%的车型。并以此为缩放的基准屏。
8 : 3 标准屏
16 : 9 标准屏
2.【8:3】基准区域划分
基于 8:3 比例, 1920*720 的基准区域下,对小程序的基准范围进行了参数值标准定义,包含模块间距和内容区域。
3.【16:9】基准区域划分
基于 16:9 比例,1280*720 的基准区域下,进行了参数值标准定义,包含模块间距和内容区域。
适配范围
1.屏幕极限值
根据百度智能驾驶体验中心输出的 《车载HMI视野及操作范围探索》研究报告表明驾驶者肩点最长距离60cm转换为px的数值,得出最大宽度2260px。
2.缩放尺寸区间
动态缩放存在固定屏幕区间,若小于或者大于区间则需要进行单独适配,属于区间内的可使用动态缩放。
3.缩放宽高比区间
定义标准屏的高宽区间比,以 1:3 屏幕高宽比作为左极限值,以 5:3 屏幕最大宽度为右极限值。