数据渲染方法、装置、计算机设备及存储介质与流程

1.本技术涉及人工智能开发技术领域与金融科技领域，尤其涉及数据渲染方法、装置、计算机设备及存储介质。


背景技术：

2.在前端的日常需求开发流程中，对于业务系统，例如保险系统、银行系统、交易系统、订单系统等的数据看板展示的业务场景下，开发者经常会遇到数据看板大屏的需求。然而，开发者开发页面设计稿使用的终端屏幕通常与业务需要的大屏是存在很大的差异的，目前通常解决这个问题的方式就是自适应处理。现有业界采用的通用的自适应方案为：前端开发者自己手动去计算页面设计稿中各个元素所占的百分比，然后通过设置根元素的宽高，对应设置各个元素计算出来的百分比，通过布局vw/wh或者rem来达到自适应的效果。但是基于人工的自适应处理方式带来的弊端也比较明显，需要开发人员进行手动换算，大大增加了开发人员的工作量，处理效率低下。


技术实现要素：

3.本技术实施例的目的在于提出一种数据渲染方法、装置、计算机设备及存储介质，以解决现有的基于人工的自适应处理方式需要开发人员进行手动换算，大大增加了开发人员的工作量，处理效率低下的技术问题。
4.为了解决上述技术问题，本技术实施例提供一种数据渲染方法，采用了如下所述的技术方案：
5.获取待处理的页面设计稿，并判断所述页面设计稿的内容是否符合预设规范；
6.若符合所述预设规范，获取所述页面设计稿的页面尺寸信息，并从所述页面尺寸信息获取所述页面设计稿的第一宽度与第一高度；
7.获取目标屏幕的屏幕尺寸信息；其中，所述屏幕尺寸信息包括所述目标屏幕的第二宽度与第二高度；
8.基于所述第一宽度与所述第一高度计算所述页面设计稿的第一宽高比例，以及基于所述第二宽度与所述第二高度计算所述目标屏幕的第二宽高比例；
9.对所述第一宽高比例与所述第二宽高比例进行数值比对，得到对应的数值比较结果；
10.基于所述数值比较结果生成与所述页面设计稿对应的缩放比例；
11.基于所述缩放比例，在所述目标屏幕中对所述页面设计稿进行渲染。
12.进一步的，所述判断所述页面设计稿的内容是否符合预设规范的步骤，具体包括：
13.获取预设的页面设计样式规范，并判断所述页面设计稿是否符合所述页面设计样式规范；
14.若符合所述页面设计样式规范，对所述页面设计稿进行文字提取，并判断所述页面设计稿内的词语是否存在违规词；
15.若不存在违规词，对所述页面设计稿进行图像提取，并判断所述页面设计稿内的图像是否存在敏感图像；
16.若不存在敏感图像，则判定所述页面设计稿的内容符合所述预设规范，否则判定所述页面设计稿的内容不符合所述预设规范。
17.进一步的，所述对所述页面设计稿进行文字提取，并判断所述页面设计稿内的词语是否存在违规词的步骤，具体包括：
18.对所述页面设计稿进行文字提取，得到所述页面设计稿中的词语；
19.获取预设的违规词集合；
20.将所述词语与所述违规词集合中的关键词进行匹配，判断所述词语中是否存在与所述关键词匹配成功的指定词语；
21.若存在匹配成功的指定词语，则判定所述页面设计稿中的词语存在违规词，否则判定所述页面设计稿中的词语不存在违规词。
22.进一步的，所述对所述页面设计稿进行图像提取，并判断所述页面设计稿内的图像是否存在敏感图像的步骤，具体包括：
23.对所述页面设计稿进行图像提取，得到所述页面设计稿内的图像；
24.调用预设的图像分析模型；
25.将所述图像输入至所述图像分析模型内，通过所述图像分析模型对所述图像进行敏感分析，生成与所述图像对应的敏感分析结果；
26.基于所述敏感分析结果确定所述页面设计稿内的图像是否存在敏感图像。
27.进一步的，所述基于所述数值比较结果生成与所述页面设计稿对应的缩放比例的步骤，具体包括：
28.判断所述数值比较结果是否为所述第一宽高比例大于所述第二宽高比例；
29.若是，计算所述第二宽度与所述第一宽度之间的第一商值；
30.将所述第一商值作为与所述页面设计稿对应的所述缩放比例。
31.进一步的，所述基于所述数值比较结果生成与所述页面设计稿对应的缩放比例的步骤，具体包括：
32.判断所述数值比较结果是否为所述第一宽高比例小于所述第二宽高比例；
33.若是，计算所述第二高度与所述第一高度之间的第二商值；
34.将所述第二商值作为与所述页面设计稿对应的所述缩放比例。
35.进一步的，所述基于所述缩放比例，在所述目标屏幕中对所述页面设计稿进行渲染的步骤，具体包括：
36.获取与所述目标屏幕对应的层叠样式表；
37.获取所述层叠样式表中的目标属性；
38.从所述目标属性中获取目标变形函数；
39.基于所述目标变形函数对所述缩放比例进行配置，以在所述目标屏幕中对所述页面设计稿进行渲染。
40.为了解决上述技术问题，本技术实施例还提供一种数据渲染装置，采用了如下所述的技术方案：
41.判断模块，用于获取待处理的页面设计稿，并判断所述页面设计稿的内容是否符
合预设规范；
42.第一获取模块，用于若符合所述预设规范，获取所述页面设计稿的页面尺寸信息，并从所述页面尺寸信息获取所述页面设计稿的第一宽度与第一高度；
43.第二获取模块，用于获取目标屏幕的屏幕尺寸信息；其中，所述屏幕尺寸信息包括所述目标屏幕的第二宽度与第二高度；
44.计算模块，用于基于所述第一宽度与所述第一高度计算所述页面设计稿的第一宽高比例，以及基于所述第二宽度与所述第二高度计算所述目标屏幕的第二宽高比例；
45.比对模块，用于对所述第一宽高比例与所述第二宽高比例进行数值比对，得到对应的数值比较结果；
46.生成模块，用于基于所述数值比较结果生成与所述页面设计稿对应的缩放比例；
47.渲染模块，用于基于所述缩放比例，在所述目标屏幕中对所述页面设计稿进行渲染。
48.为了解决上述技术问题，本技术实施例还提供一种计算机设备，采用了如下所述的技术方案：
49.获取待处理的页面设计稿，并判断所述页面设计稿的内容是否符合预设规范；
50.若符合所述预设规范，获取所述页面设计稿的页面尺寸信息，并从所述页面尺寸信息获取所述页面设计稿的第一宽度与第一高度；
51.获取目标屏幕的屏幕尺寸信息；其中，所述屏幕尺寸信息包括所述目标屏幕的第二宽度与第二高度；
52.基于所述第一宽度与所述第一高度计算所述页面设计稿的第一宽高比例，以及基于所述第二宽度与所述第二高度计算所述目标屏幕的第二宽高比例；
53.对所述第一宽高比例与所述第二宽高比例进行数值比对，得到对应的数值比较结果；
54.基于所述数值比较结果生成与所述页面设计稿对应的缩放比例；
55.基于所述缩放比例，在所述目标屏幕中对所述页面设计稿进行渲染。
56.为了解决上述技术问题，本技术实施例还提供一种计算机可读存储介质，采用了如下所述的技术方案：
57.获取待处理的页面设计稿，并判断所述页面设计稿的内容是否符合预设规范；
58.若符合所述预设规范，获取所述页面设计稿的页面尺寸信息，并从所述页面尺寸信息获取所述页面设计稿的第一宽度与第一高度；
59.获取目标屏幕的屏幕尺寸信息；其中，所述屏幕尺寸信息包括所述目标屏幕的第二宽度与第二高度；
60.基于所述第一宽度与所述第一高度计算所述页面设计稿的第一宽高比例，以及基于所述第二宽度与所述第二高度计算所述目标屏幕的第二宽高比例；
61.对所述第一宽高比例与所述第二宽高比例进行数值比对，得到对应的数值比较结果；
62.基于所述数值比较结果生成与所述页面设计稿对应的缩放比例；
63.基于所述缩放比例，在所述目标屏幕中对所述页面设计稿进行渲染。
64.与现有技术相比，本技术实施例主要有以下有益效果：
65.本技术实施例首先获取待处理的页面设计稿，并判断所述页面设计稿的内容是否符合预设规范；若符合所述预设规范，获取所述页面设计稿的页面尺寸信息，并从所述页面尺寸信息获取所述页面设计稿的第一宽度与第一高度；然后获取目标屏幕的屏幕尺寸信息，之后基于所述第一宽度与所述第一高度计算所述页面设计稿的第一宽高比例，以及基于所述第二宽度与所述第二高度计算所述目标屏幕的第二宽高比例；后续对所述第一宽高比例与所述第二宽高比例进行数值比对，得到对应的数值比较结果；进一步基于所述数值比较结果生成与所述页面设计稿对应的缩放比例；最后基于所述缩放比例，在所述目标屏幕中对所述页面设计稿进行渲染。本技术实施例在检测出待处理的页面设计稿符合规范后，会自动基于页面设计稿的页面尺寸信息计算出页面设计稿的第一宽高比例，以及基于目标屏幕的屏幕尺寸信息计算出目标屏幕的第二宽高比例，进而会智能地基于第一宽高比例与第二宽高比例之间的数值比较结果生成与所述页面设计稿对应的缩放比例，后续再基于所述缩放比例，在所述目标屏幕中对所述页面设计稿进行渲染，以使页面设计稿在目标屏幕中能够正常显示，到达页面设计稿在目标屏幕中的自适应的效果。本技术提出的自动化适配处理方式，不需要开发人员繁琐的去进行宽高的计算换算处理，大大减少了开发人员的工作量，有效提高了对于页面设计稿的渲染处理的处理效率，提高了页面设计稿在不同尺寸的屏幕中显示的显示智能性与适配性，有利于提升查阅用户的使用体验。
附图说明
66.为了更清楚地说明本技术中的方案，下面将对本技术实施例描述中所需要使用的附图作一个简单介绍，显而易见地，下面描述中的附图是本技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
67.图1是本技术可以应用于其中的示例性系统架构图；
68.图2根据本技术的数据渲染方法的一个实施例的流程图；
69.图3是根据本技术的数据渲染装置的一个实施例的结构示意图；
70.图4是根据本技术的计算机设备的一个实施例的结构示意图。
具体实施方式
71.除非另有定义，本文所使用的所有的技术和科学术语与属于本技术的技术领域的技术人员通常理解的含义相同；本文中在申请的说明书中所使用的术语只是为了描述具体的实施例的目的，不是旨在于限制本技术；本技术的说明书和权利要求书及上述附图说明中的术语“包括”和“具有”以及它们的任何变形，意图在于覆盖不排他的包含。本技术的说明书和权利要求书或上述附图中的术语“第一”、“第二”等是用于区别不同对象，而不是用于描述特定顺序。
72.在本文中提及“实施例”意味着，结合实施例描述的特定特征、结构或特性可以包含在本技术的至少一个实施例中。在说明书中的各个位置出现该短语并不一定均是指相同的实施例，也不是与其它实施例互斥的独立的或备选的实施例。本领域技术人员显式地和隐式地理解的是，本文所描述的实施例可以与其它实施例相结合。
73.为了使本技术领域的人员更好地理解本技术方案，下面将结合附图，对本技术实施例中的技术方案进行清楚、完整地描述。
74.如图1所示，系统架构100可以包括终端设备101、102、103，网络104和服务器105。网络104用以在终端设备101、102、103和服务器105之间提供通信链路的介质。网络104可以包括各种连接类型，例如有线、无线通信链路或者光纤电缆等等。
75.用户可以使用终端设备101、102、103通过网络104与服务器105交互，以接收或发送消息等。终端设备101、102、103上可以安装有各种通讯客户端应用，例如网页浏览器应用、购物类应用、搜索类应用、即时通信工具、邮箱客户端、社交平台软件等。
76.终端设备101、102、103可以是具有显示屏并且支持网页浏览的各种电子设备，包括但不限于智能手机、平板电脑、电子书阅读器、mp3播放器(moving picture experts group audio layer iii，动态影像专家压缩标准音频层面3)、mp4(moving picture experts group audio layer iv，动态影像专家压缩标准音频层面4)播放器、膝上型便携计算机和台式计算机等等。
77.服务器105可以是提供各种服务的服务器，例如对终端设备101、102、103上显示的页面提供支持的后台服务器。
78.需要说明的是，本技术实施例所提供的数据渲染方法一般由服务器/终端设备执行，相应地，数据渲染装置一般设置于服务器/终端设备中。
79.本技术实施例可以基于人工智能技术对相关的数据进行获取和处理。其中，人工智能(artificial intelligence，ai)是利用数字计算机或者数字计算机控制的机器模拟、延伸和扩展人的智能，感知环境、获取知识并使用知识获得最佳结果的理论、方法、技术及应用系统。
80.应该理解，图1中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要，可以具有任意数目的终端设备、网络和服务器。
81.继续参考图2，示出了根据本技术的数据渲染方法的一个实施例的流程图。根据不同的需求，该流程图中步骤的顺序可以改变，某些步骤可以省略。本技术实施例提供的数据渲染方法能够应用于任意一种需要进行数据渲染的场景中，则该产品推荐方法能够应用于这些场景的产品中，例如，金融保险领域中的保险页面的页面数据渲染。所述的数据渲染方法，包括以下步骤：
82.步骤s201，获取待处理的页面设计稿，并判断所述页面设计稿的内容是否符合预设规范。
83.在本实施例中，数据渲染方法运行于其上的电子设备(例如图1所示的服务器/终端设备)，可以通过有线连接方式或者无线连接方式获取待处理的页面设计稿。需要指出的是，上述无线连接方式可以包括但不限于3g/4g/5g连接、wifi连接、蓝牙连接、wimax连接、zigbee连接、uwb(ultra wideband)连接、以及其他现在已知或将来开发的无线连接方式。本方案可应用于业务系统(如保险系统、银行系统、交易系统、订单系统等)中数据看板大屏的业务场景中，通常开发者自己开发用的电脑屏幕和业务系统的大屏是存在很大的差异的。其中，上述待处理的页面设计稿为开发者使用自己的开发设备(如电脑)开发好的需要在业务系统的大屏上进行展示的页面的设计稿。另外，上述判断所述页面设计稿的内容是否符合预设规范的具体实施过程，本技术将在后续的具体实施例中对此进行进一步的细节描述，在此不作过多阐述。
84.步骤s202，若符合所述预设规范，获取所述页面设计稿的页面尺寸信息，并从所述
页面尺寸信息获取所述页面设计稿的第一宽度与第一高度。
85.在本实施例中，上述页面设计稿的页面尺寸信息也指开发者开发使用的开发设备的根元素的尺寸，根元素的宽高对应的就是该开发设备的屏幕的宽高。
86.步骤s203，获取目标屏幕的屏幕尺寸信息。
87.在本实施例中，上述目标屏幕为待用于对页面设计稿进行展示的业务系统的大屏。其中，所述屏幕尺寸信息包括所述目标屏幕的第二宽度与第二高度。
88.步骤s204，基于所述第一宽度与所述第一高度计算所述页面设计稿的第一宽高比例，以及基于所述第二宽度与所述第二高度计算所述目标屏幕的第二宽高比例。
89.在本实施例中，可通过计算所述第一宽度与第一高度之间的比值，得到所述页面设计稿的第一宽高比例。通过计算所述第二宽度与所述第二高度之间的比值，得到所述目标屏幕的第二宽高比例。
90.步骤s205，对所述第一宽高比例与所述第二宽高比例进行数值比对，得到对应的数值比较结果。
91.在本实施例中，上述数值比较结果包括所述第一宽高比例大于所述第二宽高比例，或所述第一宽高比例小于所述第二宽高比例。
92.步骤s206，基于所述数值比较结果生成与所述页面设计稿对应的缩放比例。
93.在本实施例中，上述基于所述数值比较结果生成与所述页面设计稿对应的缩放比例的具体实施过程，本技术将在后续的具体实施例中对此进行进一步的细节描述，在此不作过多阐述。
94.步骤s207，基于所述缩放比例，在所述目标屏幕中对所述页面设计稿进行渲染。
95.在本实施例中，上述基于所述缩放比例，在所述目标屏幕中对所述页面设计稿进行渲染的具体实施过程，本技术将在后续的具体实施例中对此进行进一步的细节描述，在此不作过多阐述。
96.本技术首先获取待处理的页面设计稿，并判断所述页面设计稿的内容是否符合预设规范；若符合所述预设规范，获取所述页面设计稿的页面尺寸信息，并从所述页面尺寸信息获取所述页面设计稿的第一宽度与第一高度；然后获取目标屏幕的屏幕尺寸信息，之后基于所述第一宽度与所述第一高度计算所述页面设计稿的第一宽高比例，以及基于所述第二宽度与所述第二高度计算所述目标屏幕的第二宽高比例；后续对所述第一宽高比例与所述第二宽高比例进行数值比对，得到对应的数值比较结果；进一步基于所述数值比较结果生成与所述页面设计稿对应的缩放比例；最后基于所述缩放比例，在所述目标屏幕中对所述页面设计稿进行渲染。本技术在检测出待处理的页面设计稿符合规范后，会自动基于页面设计稿的页面尺寸信息计算出页面设计稿的第一宽高比例，以及基于目标屏幕的屏幕尺寸信息计算出目标屏幕的第二宽高比例，进而会智能地基于第一宽高比例与第二宽高比例之间的数值比较结果生成与所述页面设计稿对应的缩放比例，后续再基于所述缩放比例，在所述目标屏幕中对所述页面设计稿进行渲染，以使页面设计稿在目标屏幕中能够正常显示，到达页面设计稿在目标屏幕中的自适应的效果。本技术提出的自动化适配处理方式，不需要开发人员繁琐的去进行宽高的计算换算处理，大大减少了开发人员的工作量，有效提高了对于页面设计稿的渲染处理的处理效率，提高了页面设计稿在不同尺寸的屏幕中显示的显示智能性与适配性，有利于提升查阅用户的使用体验。
97.在一些可选的实现方式中，步骤s201中的所述判断所述页面设计稿的内容是否符合预设规范，包括以下步骤：
98.获取预设的页面设计样式规范，并判断所述页面设计稿是否符合所述页面设计样式规范。
99.在本实施例中，上述页面设计样式规范为根据实际的页面设计需求预先构建的规范，该页面设计样式规范可包括页面的数据排布形式、分区方式，等等。
100.若符合所述页面设计样式规范，对所述页面设计稿进行文字提取，并判断所述页面设计稿内的词语是否存在违规词。
101.在本实施例中，上述对所述页面设计稿进行文字提取，并判断所述页面设计稿内的词语是否存在违规词的具体实施过程，本技术将在后续的具体实施例中对此进行进一步的细节描述，在此不作过多阐述。
102.若不存在违规词，对所述页面设计稿进行图像提取，并判断所述页面设计稿内的图像是否存在敏感图像。
103.在本实施例中，上述对所述页面设计稿进行图像提取，并判断所述页面设计稿内的图像是否存在敏感图像的具体实施过程，本技术将在后续的具体实施例中对此进行进一步的细节描述，在此不作过多阐述。
104.若不存在敏感图像，则判定所述页面设计稿的内容符合所述预设规范，否则判定所述页面设计稿的内容不符合所述预设规范。
105.在本实施例中，若判定所述页面设计稿的内容不符合所述预设规范，则后续会生成与该页面设计稿对应的违规提醒信息，并将该违规提醒信息发送至与页面设计稿对应的开发人员。其中，上述违规提醒信息包含页面设计稿的违规点，以便提醒开发人员根据该违规点进行对于页面设计稿的对应修改。
106.本技术通过获取预设的页面设计样式规范，并判断所述页面设计稿是否符合所述页面设计样式规范；若符合所述页面设计样式规范，对所述页面设计稿进行文字提取，并判断所述页面设计稿内的词语是否存在违规词；若不存在违规词，对所述页面设计稿进行图像提取，并判断所述页面设计稿内的图像是否存在敏感图像；若不存在敏感图像，则判定所述页面设计稿的内容符合所述预设规范，否则判定所述页面设计稿的内容不符合所述预设规范。本技术在获取到待处理的页面设计稿后，在使用目标屏幕对该页面设计稿进行渲染展示之前，会智能地对页面设计稿进行页面设计样式规范校验、违规词校验以及敏感图像校验，只有在页面设计稿通过所有的校验后续才会对该页面设计稿进行渲染展示，有效确保了在目标屏幕中需要展示的页面数据的合规性与准确性，保证了对于页面设计稿的渲染处理的规范性。
107.在本实施例的一些可选的实现方式中，所述对所述页面设计稿进行文字提取，并判断所述页面设计稿内的词语是否存在违规词，包括以下步骤：
108.对所述页面设计稿进行文字提取，得到所述页面设计稿中的词语。
109.在本实施例中，可采用现有的文字提取算法对所述页面设计稿进行文字提取，得到所述页面设计稿中的词语。其中，词语的数量可包括多个。
110.获取预设的违规词集合。
111.在本实施例中，上述违规词集合为根据实际的业务使用需求预先筛选确定出的存
wang和hong-yuan mark liao共同提出。相比于之前的版本，yolov4在速度和精度方面都有了显著的提升。下面是yolov4的一些详细介绍：模型结构yolov4采用了一种新的模型结构，称为cspdarknet。这个结构类似于resnet的残差块，但它使用了一个类似于inception的分支结构来减少参数数量。特征提取yolov4使用了一种新的特征提取方法，称为spp(spatial pyramid poo ling)。这种方法可以在不改变特征图大小的情况下，获取不同尺度的特征。网络骨干yolov4采用了一个强大的网络骨干，可以处理更大的输入图像，并且可以提高精度。这个网络骨干包括cspdarknet和spp模块。多尺度预测为了提高检测的精度，yolov4使用了多尺度预测。这种方法可以通过将不同大小的特征图进行融合来检测不同大小的目标。数据增强yolov4使用了大量的数据增强技术，包括随机缩放、裁剪、旋转、扭曲、变形等。这些技术可以帮助网络更好地适应各种场景。后处理yolov4使用了一种新的后处理方法，称为wbf(weighted boxes fusion)。这种方法可以通过对多个检测框进行加权融合来提高检测的精度。
122.将所述图像输入至所述图像分析模型内，通过所述图像分析模型对所述图像进行敏感分析，生成与所述图像对应的敏感分析结果。
123.在本实施例中，在将所述图像输入至所述图像分析模型内，通过所述图像分析模型对所述图像进行敏感分析，生成用于表征所述图像属于敏感图像的置信度，即上述敏感分析结果。置信度可以理解为模型输出的图像为敏感图像的准确率。
124.基于所述敏感分析结果确定所述页面设计稿内的图像是否存在敏感图像。
125.在本实施例中，若上述敏感分析结果，即置信度大于预设的置信度阈值，则表征所述图像属于敏感图像，并判定页面设计稿内的图像存在敏感图像。而若置信度小于预设的置信度阈值，则表征所述图像不属于敏感图像，并判定页面设计稿内的图像补存在敏感图像。其中，对于上述置信度阈值的取值不做具体限定，可根据实际的使用需求进行设置。
126.本技术通过对所述页面设计稿进行图像提取，得到所述页面设计稿内的图像；然后调用预设的图像分析模型；之后将所述图像输入至所述图像分析模型内，通过所述图像分析模型对所述图像进行敏感分析，生成与所述图像对应的敏感分析结果；后续基于所述敏感分析结果确定所述页面设计稿内的图像是否存在敏感图像。本技术在获取到待处理的页面设计稿后，在使用目标屏幕对该页面设计稿进行渲染展示之前，会智能基于图像分析模型对页面设计稿进行敏感图像校验，只有在页面设计稿通过包含敏感图像校验在内的所有校验后续才会对该页面设计稿进行渲染展示，有效确保了在目标屏幕中需要展示的页面数据的合规性与准确性，保证了对于页面设计稿的渲染处理的规范性。
127.在一些可选的实现方式中，步骤s206包括以下步骤：
128.判断所述数值比较结果是否为所述第一宽高比例大于所述第二宽高比例。
129.在本实施例中，上述数值比较结果包括所述第一宽高比例大于所述第二宽高比例，或所述第一宽高比例小于所述第二宽高比例。
130.若是，计算所述第二宽度与所述第一宽度之间的第一商值。
131.在本实施例中，通过对比页面设计稿的第一宽高比例以及当前的目标屏幕的屏幕比例，即上述第二宽高比例，遵循短板原则，计算出缩放比例。如果当前目标屏幕的屏幕比例小于页面设计稿的第一宽高比例，那么缩放比例则为目标屏幕的宽度除以页面设计稿的宽度后得到的数值。
132.将所述第一商值作为与所述页面设计稿对应的所述缩放比例。
133.本技术通过判断所述数值比较结果是否为所述第一宽高比例大于所述第二宽高比例；若是，计算所述第二宽度与所述第一宽度之间的第一商值；后续将所述第一商值作为与所述页面设计稿对应的所述缩放比例。本技术当计算出页面设计稿的第一宽高比例大于目标屏幕的第二宽高比例，会智能地计算目标屏幕的第二宽度与页面设计稿的第一宽度之间的第一商值并用作与所述页面设计稿对应的所述缩放比例，以便后续基于所述缩放比例，在所述目标屏幕中对所述页面设计稿进行渲染，以确保页面设计稿在目标屏幕中能够正常显示，到达页面设计稿在目标屏幕中的自适应的效果，有效提高了页面设计稿在不同尺寸的屏幕中显示的显示智能性与适配性，有利于提升查阅用户的使用体验。
134.在本实施例的一些可选的实现方式中，步骤s206包括以下步骤：
135.判断所述数值比较结果是否为所述第一宽高比例小于所述第二宽高比例。
136.在本实施例中，上述数值比较结果包括所述第一宽高比例大于所述第二宽高比例，或所述第一宽高比例小于所述第二宽高比例。
137.若是，计算所述第二高度与所述第一高度之间的第二商值。
138.在本实施例中，通过对比页面设计稿的第一宽高比例以及当前的目标屏幕的屏幕比例，即上述第二宽高比例，遵循短板原则，计算出缩放比例。如果当前目标屏幕的屏幕比例大于页面设计稿的第一宽高比例，那么缩放比例则为目标屏幕的高度除以页面设计稿的高度后得到的数值。
139.将所述第二商值作为与所述页面设计稿对应的所述缩放比例。
140.本技术通过判断所述数值比较结果是否为所述第一宽高比例小于所述第二宽高比例；若是，计算所述第二高度与所述第一高度之间的第二商值；后续将所述第二商值作为与所述页面设计稿对应的所述缩放比例。本技术当计算出页面设计稿的第一宽高比例小于目标屏幕的第二宽高比例，会智能地计算目标屏幕的第二高度与页面设计稿的第一宽度之间的第二商值并用作与所述页面设计稿对应的所述缩放比例，以便后续基于所述缩放比例，在所述目标屏幕中对所述页面设计稿进行渲染，以确保页面设计稿在目标屏幕中能够正常显示，到达页面设计稿在目标屏幕中的自适应的效果，有效提高了页面设计稿在不同尺寸的屏幕中显示的显示智能性与适配性，有利于提升查阅用户的使用体验。
141.在本实施例的一些可选的实现方式中，步骤s207包括以下步骤：
142.获取与所述目标屏幕对应的层叠样式表。
143.在本实施例中，层叠样式表(英文全称：cascading style sheets，简称css)是一种用来表现html(标准通用标记语言的一个应用)或xml(标准通用标记语言的一个子集)等文件样式的计算机语言。css不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。css能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。
144.获取所述层叠样式表中的目标属性。
145.在本实施例中，上述目标属性具体为transform属性。
146.从所述目标属性中获取目标变形函数。
147.在本实施例中，上述目标变形函数具体为scale()方法。scale()方法用于实现元素的缩放效果。缩放，指的是“缩小”和“放大”的意思。跟translate()方法类似，缩放也有3
种情况：scalex()、scaley()、scale()。参数x表示元素在x轴方向的缩放倍数，参数y表示元素在y轴方向的缩放倍数。当x或y取值为0～1之间时，元素进行缩小；当x或y取值大于1时，元素进行放大。
148.基于所述目标变形函数对所述缩放比例进行配置，以在所述目标屏幕中对所述页面设计稿进行渲染。
149.在本实施例中，基于所述目标变形函数对所述缩放比例进行配置，以在所述目标屏幕中对所述页面设计稿进行渲染，从而可以使页面设计稿在目标屏幕中能够正常显示，并到达自适应的效果。举例地，假设开发人员使用的开发设备的屏幕大小是1920*960，当开发的页面的设计稿需要展示在1440*900的大屏上时，就无法完全的展示。这时候通过计算缩放比例，1440/960＝1.6，1920/960＝2，1.6《2,这里计算出来的缩放比例就为屏幕宽度除以设计稿宽度1440/1920＝0.75。然后1920*960的大屏页面根据缩放比例对页面设计稿进行渲染的时候就变成了1440*720,这样就可以在1440*900的大屏的屏幕中实现页面设计稿的正常显示了，从而实现了页面设计稿在大屏的自适应显示。
150.本技术通过获取与所述目标屏幕对应的层叠样式表；然后获取所述层叠样式表中的目标属性；之后从所述目标属性中获取目标变形函数；后续基于所述目标变形函数对所述缩放比例进行配置，以在所述目标屏幕中对所述页面设计稿进行渲染。本技术通过基于对目标屏幕对应的层叠样式表的目标属性中的目标变形函数的使用，对计算好的缩放比例进行配置，以在目标屏幕中对所述页面设计稿进行渲染，从而可以使页面设计稿在目标屏幕中能够正常显示，到达页面设计稿在目标屏幕中的自适应的效果，有效提高了页面设计稿在不同尺寸的屏幕中显示的显示智能性与适配性，有利于提升查阅用户的使用体验。
151.需要强调的是，为进一步保证上述缩放比例的私密和安全性，上述缩放比例还可以存储于一区块链的节点中。
152.本技术所指区块链是分布式数据存储、点对点传输、共识机制、加密算法等计算机技术的新型应用模式。区块链(blockchain)，本质上是一个去中心化的数据库，是一串使用密码学方法相关联产生的数据块，每一个数据块中包含了一批次网络交易的信息，用于验证其信息的有效性(防伪)和生成下一个区块。区块链可以包括区块链底层平台、平台产品服务层以及应用服务层等。
153.本技术实施例可以基于人工智能技术对相关的数据进行获取和处理。其中，人工智能(artificial intelligence，ai)是利用数字计算机或者数字计算机控制的机器模拟、延伸和扩展人的智能，感知环境、获取知识并使用知识获得最佳结果的理论、方法、技术及应用系统。
154.人工智能基础技术一般包括如传感器、专用人工智能芯片、云计算、分布式存储、大数据处理技术、操作/交互系统、机电一体化等技术。人工智能软件技术主要包括计算机视觉技术、机器人技术、生物识别技术、语音处理技术、自然语言处理技术以及机器学习/深度学习等几大方向。
155.本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机可读指令来指令相关的硬件来完成，该计算机可读指令可存储于一计算机可读取存储介质中，该程序在执行时，可包括如上述各方法的实施例的流程。其中，前述的存储介质可为磁碟、光盘、只读存储记忆体(read-only memory，rom)等非易失性存储介质，或随
机存储记忆体(random access memory，ram)等。
156.应该理解的是，虽然附图的流程图中的各个步骤按照箭头的指示依次显示，但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明，这些步骤的执行并没有严格的顺序限制，其可以以其他的顺序执行。而且，附图的流程图中的至少一部分步骤可以包括多个子步骤或者多个阶段，这些子步骤或者阶段并不必然是在同一时刻执行完成，而是可以在不同的时刻执行，其执行顺序也不必然是依次进行，而是可以与其他步骤或者其他步骤的子步骤或者阶段的至少一部分轮流或者交替地执行。
157.进一步参考图3，作为对上述图2所示方法的实现，本技术提供了一种数据渲染装置的一个实施例，该装置实施例与图2所示的方法实施例相对应，该装置具体可以应用于各种电子设备中。
158.如图3所示，本实施例所述的数据渲染装置300包括：判断模块301、第一获取模块302、第二获取模块303、计算模块304、比对模块305、生成模块306以及渲染模块307。其中：
159.判断模块301，用于获取待处理的页面设计稿，并判断所述页面设计稿的内容是否符合预设规范；
160.第一获取模块302，用于若符合所述预设规范，获取所述页面设计稿的页面尺寸信息，并从所述页面尺寸信息获取所述页面设计稿的第一宽度与第一高度；
161.第二获取模块303，用于获取目标屏幕的屏幕尺寸信息；其中，所述屏幕尺寸信息包括所述目标屏幕的第二宽度与第二高度；
162.计算模块304，用于基于所述第一宽度与所述第一高度计算所述页面设计稿的第一宽高比例，以及基于所述第二宽度与所述第二高度计算所述目标屏幕的第二宽高比例；
163.比对模块305，用于对所述第一宽高比例与所述第二宽高比例进行数值比对，得到对应的数值比较结果；
164.生成模块306，用于基于所述数值比较结果生成与所述页面设计稿对应的缩放比例；
165.渲染模块307，用于基于所述缩放比例，在所述目标屏幕中对所述页面设计稿进行渲染。
166.在本实施例中，上述模块或单元分别用于执行的操作与前述实施方式的数据渲染方法的步骤一一对应，在此不再赘述。
167.在本实施例的一些可选的实现方式中，判断模块301包括：
168.第一判断子模块，用于获取预设的页面设计样式规范，并判断所述页面设计稿是否符合所述页面设计样式规范；
169.第二判断子模块，用于若符合所述页面设计样式规范，对所述页面设计稿进行文字提取，并判断所述页面设计稿内的词语是否存在违规词；
170.第三判断子模块，用于若不存在违规词，对所述页面设计稿进行图像提取，并判断所述页面设计稿内的图像是否存在敏感图像；
171.判定子模块，用于若不存在敏感图像，则判定所述页面设计稿的内容符合所述预设规范，否则判定所述页面设计稿的内容不符合所述预设规范。
172.在本实施例中，上述模块或单元分别用于执行的操作与前述实施方式的数据渲染方法的步骤一一对应，在此不再赘述。
173.在本实施例的一些可选的实现方式中,第二判断子模块包括：
174.第一提取单元，用于对所述页面设计稿进行文字提取，得到所述页面设计稿中的词语；
175.获取单元，用于获取预设的违规词集合；
176.判断单元，用于将所述词语与所述违规词集合中的关键词进行匹配，判断所述词语中是否存在与所述关键词匹配成功的指定词语；
177.判定单元，用于若存在匹配成功的指定词语，则判定所述页面设计稿中的词语存在违规词，否则判定所述页面设计稿中的词语不存在违规词。
178.本实施例中，上述模块或单元分别用于执行的操作与前述实施方式的数据渲染方法的步骤一一对应，在此不再赘述。
179.在本实施例的一些可选的实现方式中，第三判断子模块包括：
180.第二提取单元，用于对所述页面设计稿进行图像提取，得到所述页面设计稿内的图像；
181.调用单元，用于调用预设的图像分析模型；
182.分析单元，用于将所述图像输入至所述图像分析模型内，通过所述图像分析模型对所述图像进行敏感分析，生成与所述图像对应的敏感分析结果；
183.确定单元，用于基于所述敏感分析结果确定所述页面设计稿内的图像是否存在敏感图像。
184.在本实施例中，上述模块或单元分别用于执行的操作与前述实施方式的数据渲染方法的步骤一一对应，在此不再赘述。
185.在本实施例的一些可选的实现方式中，生成模块306包括：
186.第四判断子模块，用于判断所述数值比较结果是否为所述第一宽高比例大于所述第二宽高比例；
187.第一计算子模块，用于若是，计算所述第二宽度与所述第一宽度之间的第一商值；
188.第一确定子模块，用于将所述第一商值作为与所述页面设计稿对应的所述缩放比例。
189.在本实施例中，上述模块或单元分别用于执行的操作与前述实施方式的数据渲染方法的步骤一一对应，在此不再赘述。
190.在本实施例的一些可选的实现方式中，生成模块306包括：
191.第五判断子模块，用于判断所述数值比较结果是否为所述第一宽高比例小于所述第二宽高比例；
192.第二计算子模块，用于若是，计算所述第二高度与所述第一高度之间的第二商值；
193.第二确定子模块，用于将所述第二商值作为与所述页面设计稿对应的所述缩放比例。
194.在本实施例中，上述模块或单元分别用于执行的操作与前述实施方式的数据渲染方法的步骤一一对应，在此不再赘述。
195.在本实施例的一些可选的实现方式中，渲染模块307包括：
196.第一获取子模块，用于获取与所述目标屏幕对应的层叠样式表；
197.第二获取子模块，用于获取所述层叠样式表中的目标属性；
198.第三获取子模块，用于从所述目标属性中获取目标变形函数；
199.处理子模块，用于基于所述目标变形函数对所述缩放比例进行配置，以在所述目标屏幕中对所述页面设计稿进行渲染。
200.在本实施例中，上述模块或单元分别用于执行的操作与前述实施方式的数据渲染方法的步骤一一对应，在此不再赘述。
201.为解决上述技术问题，本技术实施例还提供计算机设备。具体请参阅图4，图4为本实施例计算机设备基本结构框图。
202.所述计算机设备4包括通过系统总线相互通信连接存储器41、处理器42、网络接口43。需要指出的是，图中仅示出了具有组件41-43的计算机设备4，但是应理解的是，并不要求实施所有示出的组件，可以替代的实施更多或者更少的组件。其中，本技术领域技术人员可以理解，这里的计算机设备是一种能够按照事先设定或存储的指令，自动进行数值计算和/或信息处理的设备，其硬件包括但不限于微处理器、专用集成电路(application specific integrated circuit，asic)、可编程门阵列(field－programmable gate array，fpga)、数字处理器(digital signal processor，dsp)、嵌入式设备等。
203.所述计算机设备可以是桌上型计算机、笔记本、掌上电脑及云端服务器等计算设备。所述计算机设备可以与用户通过键盘、鼠标、遥控器、触摸板或声控设备等方式进行人机交互。
204.所述存储器41至少包括一种类型的可读存储介质，所述可读存储介质包括闪存、硬盘、多媒体卡、卡型存储器(例如，sd或dx存储器等)、随机访问存储器(ram)、静态随机访问存储器(sram)、只读存储器(rom)、电可擦除可编程只读存储器(eeprom)、可编程只读存储器(prom)、磁性存储器、磁盘、光盘等。在一些实施例中，所述存储器41可以是所述计算机设备4的内部存储单元，例如该计算机设备4的硬盘或内存。在另一些实施例中，所述存储器41也可以是所述计算机设备4的外部存储设备，例如该计算机设备4上配备的插接式硬盘，智能存储卡(smart media card,smc)，安全数字(secure digital,sd)卡，闪存卡(flash card)等。当然，所述存储器41还可以既包括所述计算机设备4的内部存储单元也包括其外部存储设备。本实施例中，所述存储器41通常用于存储安装于所述计算机设备4的操作系统和各类应用软件，例如数据渲染方法的计算机可读指令等。此外，所述存储器41还可以用于暂时地存储已经输出或者将要输出的各类数据。
205.所述处理器42在一些实施例中可以是中央处理器(central processing unit，cpu)、控制器、微控制器、微处理器、或其他数据处理芯片。该处理器42通常用于控制所述计算机设备4的总体操作。本实施例中，所述处理器42用于运行所述存储器41中存储的计算机可读指令或者处理数据，例如运行所述数据渲染方法的计算机可读指令。
206.所述网络接口43可包括无线网络接口或有线网络接口，该网络接口43通常用于在所述计算机设备4与其他电子设备之间建立通信连接。
207.与现有技术相比，本技术实施例主要有以下有益效果：
208.本技术实施例在检测出待处理的页面设计稿符合规范后，会自动基于页面设计稿的页面尺寸信息计算出页面设计稿的第一宽高比例，以及基于目标屏幕的屏幕尺寸信息计算出目标屏幕的第二宽高比例，进而会智能地基于第一宽高比例与第二宽高比例之间的数值比较结果生成与所述页面设计稿对应的缩放比例，后续再基于所述缩放比例，在所述目
标屏幕中对所述页面设计稿进行渲染，以使页面设计稿在目标屏幕中能够正常显示，到达页面设计稿在目标屏幕中的自适应的效果。本技术提出的自动化适配处理方式，不需要开发人员繁琐的去进行宽高的计算换算处理，大大减少了开发人员的工作量，有效提高了对于页面设计稿的渲染处理的处理效率，提高了页面设计稿在不同尺寸的屏幕中显示的显示智能性与适配性，有利于提升查阅用户的使用体验。
209.本技术还提供了另一种实施方式，即提供一种计算机可读存储介质，所述计算机可读存储介质存储有计算机可读指令，所述计算机可读指令可被至少一个处理器执行，以使所述至少一个处理器执行如上述的数据渲染方法的步骤。
210.与现有技术相比，本技术实施例主要有以下有益效果：
211.本技术实施例在检测出待处理的页面设计稿符合规范后，会自动基于页面设计稿的页面尺寸信息计算出页面设计稿的第一宽高比例，以及基于目标屏幕的屏幕尺寸信息计算出目标屏幕的第二宽高比例，进而会智能地基于第一宽高比例与第二宽高比例之间的数值比较结果生成与所述页面设计稿对应的缩放比例，后续再基于所述缩放比例，在所述目标屏幕中对所述页面设计稿进行渲染，以使页面设计稿在目标屏幕中能够正常显示，到达页面设计稿在目标屏幕中的自适应的效果。本技术提出的自动化适配处理方式，不需要开发人员繁琐的去进行宽高的计算换算处理，大大减少了开发人员的工作量，有效提高了对于页面设计稿的渲染处理的处理效率，提高了页面设计稿在不同尺寸的屏幕中显示的显示智能性与适配性，有利于提升查阅用户的使用体验。
212.通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件，但很多情况下前者是更佳的实施方式。基于这样的理解，本技术的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质(如rom/ram、磁碟、光盘)中，包括若干指令用以使得一台终端设备(可以是手机，计算机，服务器，空调器，或者网络设备等)执行本技术各个实施例所述的方法。
213.显然，以上所描述的实施例仅仅是本技术一部分实施例，而不是全部的实施例，附图中给出了本技术的较佳实施例，但并不限制本技术的专利范围。本技术可以以许多不同的形式来实现，相反地，提供这些实施例的目的是使对本技术的公开内容的理解更加透彻全面。尽管参照前述实施例对本技术进行了详细的说明，对于本领域的技术人员来而言，其依然可以对前述各具体实施方式所记载的技术方案进行修改，或者对其中部分技术特征进行等效替换。凡是利用本技术说明书及附图内容所做的等效结构，直接或间接运用在其他相关的技术领域，均同理在本技术专利保护范围之内。

技术特征：
1.一种数据渲染方法，其特征在于，包括下述步骤：获取待处理的页面设计稿，并判断所述页面设计稿的内容是否符合预设规范；若符合所述预设规范，获取所述页面设计稿的页面尺寸信息，并从所述页面尺寸信息获取所述页面设计稿的第一宽度与第一高度；获取目标屏幕的屏幕尺寸信息；其中，所述屏幕尺寸信息包括所述目标屏幕的第二宽度与第二高度；基于所述第一宽度与所述第一高度计算所述页面设计稿的第一宽高比例，以及基于所述第二宽度与所述第二高度计算所述目标屏幕的第二宽高比例；对所述第一宽高比例与所述第二宽高比例进行数值比对，得到对应的数值比较结果；基于所述数值比较结果生成与所述页面设计稿对应的缩放比例；基于所述缩放比例，在所述目标屏幕中对所述页面设计稿进行渲染。2.根据权利要求1所述的数据渲染方法，其特征在于，所述判断所述页面设计稿的内容是否符合预设规范的步骤，具体包括：获取预设的页面设计样式规范，并判断所述页面设计稿是否符合所述页面设计样式规范；若符合所述页面设计样式规范，对所述页面设计稿进行文字提取，并判断所述页面设计稿内的词语是否存在违规词；若不存在违规词，对所述页面设计稿进行图像提取，并判断所述页面设计稿内的图像是否存在敏感图像；若不存在敏感图像，则判定所述页面设计稿的内容符合所述预设规范，否则判定所述页面设计稿的内容不符合所述预设规范。3.根据权利要求2所述的数据渲染方法，其特征在于，所述对所述页面设计稿进行文字提取，并判断所述页面设计稿内的词语是否存在违规词的步骤，具体包括：对所述页面设计稿进行文字提取，得到所述页面设计稿中的词语；获取预设的违规词集合；将所述词语与所述违规词集合中的关键词进行匹配，判断所述词语中是否存在与所述关键词匹配成功的指定词语；若存在匹配成功的指定词语，则判定所述页面设计稿中的词语存在违规词，否则判定所述页面设计稿中的词语不存在违规词。4.根据权利要求2所述的数据渲染方法，其特征在于，所述对所述页面设计稿进行图像提取，并判断所述页面设计稿内的图像是否存在敏感图像的步骤，具体包括：对所述页面设计稿进行图像提取，得到所述页面设计稿内的图像；调用预设的图像分析模型；将所述图像输入至所述图像分析模型内，通过所述图像分析模型对所述图像进行敏感分析，生成与所述图像对应的敏感分析结果；基于所述敏感分析结果确定所述页面设计稿内的图像是否存在敏感图像。5.根据权利要求1所述的数据渲染方法，其特征在于，所述基于所述数值比较结果生成与所述页面设计稿对应的缩放比例的步骤，具体包括：判断所述数值比较结果是否为所述第一宽高比例大于所述第二宽高比例；
若是，计算所述第二宽度与所述第一宽度之间的第一商值；将所述第一商值作为与所述页面设计稿对应的所述缩放比例。6.根据权利要求1所述的数据渲染方法，其特征在于，所述基于所述数值比较结果生成与所述页面设计稿对应的缩放比例的步骤，具体包括：判断所述数值比较结果是否为所述第一宽高比例小于所述第二宽高比例；若是，计算所述第二高度与所述第一高度之间的第二商值；将所述第二商值作为与所述页面设计稿对应的所述缩放比例。7.根据权利要求1所述的数据渲染方法，其特征在于，所述基于所述缩放比例，在所述目标屏幕中对所述页面设计稿进行渲染的步骤，具体包括：获取与所述目标屏幕对应的层叠样式表；获取所述层叠样式表中的目标属性；从所述目标属性中获取目标变形函数；基于所述目标变形函数对所述缩放比例进行配置，以在所述目标屏幕中对所述页面设计稿进行渲染。8.一种数据渲染装置，其特征在于，包括：判断模块，用于获取待处理的页面设计稿，并判断所述页面设计稿的内容是否符合预设规范；第一获取模块，用于若符合所述预设规范，获取所述页面设计稿的页面尺寸信息，并从所述页面尺寸信息获取所述页面设计稿的第一宽度与第一高度；第二获取模块，用于获取目标屏幕的屏幕尺寸信息；其中，所述屏幕尺寸信息包括所述目标屏幕的第二宽度与第二高度；计算模块，用于基于所述第一宽度与所述第一高度计算所述页面设计稿的第一宽高比例，以及基于所述第二宽度与所述第二高度计算所述目标屏幕的第二宽高比例；比对模块，用于对所述第一宽高比例与所述第二宽高比例进行数值比对，得到对应的数值比较结果；生成模块，用于基于所述数值比较结果生成与所述页面设计稿对应的缩放比例；渲染模块，用于基于所述缩放比例，在所述目标屏幕中对所述页面设计稿进行渲染。9.一种计算机设备，包括存储器和处理器，所述存储器中存储有计算机可读指令，所述处理器执行所述计算机可读指令时实现如权利要求1至7中任一项所述的数据渲染方法的步骤。10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质上存储有计算机可读指令，所述计算机可读指令被处理器执行时实现如权利要求1至7中任一项所述的数据渲染方法的步骤。

技术总结
本申请实施例属于人工智能领域与金融科技领域，涉及一种数据渲染方法，包括：判断页面设计稿的内容是否符合规范；若是，获取页面设计稿的第一宽度与第一高度；获取目标屏幕的屏幕尺寸信息；基于第一宽度与第一高度计算页面设计稿的第一宽高比例，基于第二宽度与第二高度计算目标屏幕的第二宽高比例；对第一宽高比例与第二宽高比例的数值比较结果生成缩放比例；基于缩放比例在目标屏幕中对页面设计稿进行渲染。本申请还提供一种数据渲染装置、计算机设备及存储介质。此外，本申请还涉及区块链技术，缩放比例可存储于区块链中。本申请可应用于金融领域中的数据渲染场景，提高了页面设计稿的渲染处理效率，保证了页面设计稿在目标屏幕显示的适配性。屏幕显示的适配性。屏幕显示的适配性。


技术研发人员：王成
受保护的技术使用者：中国平安财产保险股份有限公司
技术研发日：2023.06.28
技术公布日：2023/9/20