屏幕适配方法、装置、计算机设备及存储介质与流程

本发明实施例涉及计算机技术领域，尤其是一种基于数据处理的屏幕适配方法、装置、计算机设备及存储介质。

背景技术：

随着互联网技术的发展，客户端的应用越来越广泛，由于各个客户端屏幕尺寸不同，为了提高用户的体验，在页面显示时可以对待显示的页面进行屏幕适配，以在不同尺寸的客户端屏幕上得到清晰、完整的页面。

通常采用两种方案进行屏幕适配，一种是通过百分比来进行适配，其中百分比适配方案中采用的缩放比例基于父元素，在编写代码时，需要计算分辨率所对应的像素列表，不仅过程复杂，且过多的像素列表文件会增加维护的难度。另一种是采用流式布局，流式布局是将待显示页面的宽度按照屏幕分辨率进行适配调整，并保持整体布局不变。该方案的缩放比例无法控制，不能在屏幕上完全显示页面，且只能在特定场景下进行缩放。

技术实现要素：

本发明实施例提供一种基于数据处理的屏幕适配方法、装置、计算机设备及存储介质来解决上述技术问题。

为解决上述技术问题，本发明创造的实施例采用的一个技术方案是：提供一种基于数据处理的屏幕适配方法，包括下述步骤：

获取待执行的缩放指令，所述缩放指令用于对待显示页面的尺寸进行缩放；

根据所述缩放指令计算待显示页面的根元素值；

按照所述根元素值对所述待显示页面进行缩放，以使所述待显示页面在显示区域内整版显示。

可选地，所述获取待显示页面的缩放指令之前，具体包括：

检测所述显示区域的显示姿态是否发生变化，所述显示姿态为横屏显示或竖屏显示；

当所述显示区域的显示姿态发生变化时，调用所述缩放指令。

具体地，所述根据所述缩放指令计算所述待显示页面的根元素值，具体包括：

根据所述缩放指令获取所述显示区域的像素尺寸和所述待显示页面的像素尺寸；

根据所述显示区域的像素尺寸和所述待显示页面的像素尺寸确定所述待显示页面的基准判定参数；

通过所述基准判定参数计算所述待显示页面的根元素值。

具体地，所述根据所述显示区域的像素尺寸和所述待显示页面的像素尺寸确定所述待显示页面的基准判定参数，具体包括：

根据所述显示区域的像素尺寸和所述待显示页面的像素尺寸计算所述显示区域的宽高比和所述待显示页面的宽高比；

将所述显示区域的宽高比和所述待显示页面的宽高比进行比较；

当所述显示区域的宽高比大于所述待显示页面的宽高比时，确定所述待显示页面的像素高度为基准判定参数。

具体地，所述通过所述基准判定参数计算所述待显示页面的根元素值，具体包括：

利用所述显示区域的像素高度除以所述待显示页面的像素高度的商与预设系数相乘，得到所述待显示页面的像素高度的根元素值；

将所述显示区域的像素宽度除以所述待显示页面的像素高度的商乘以预设的系数，得到所述待显示页面的像素宽度的根元素值。

具体地，所述按照所述根元素值对所述待显示页面进行缩放，具体包括：

将所述待显示页面的像素高度的根元素值和像素宽度的根元素值分别于所述待显示页面的基准值相乘得到缩放后的像素高度和待缩放的像素宽度，其中，所述待显示页面的基准值由所述显示区域的像素高度除以所述待显示页面的像素高度得到；

按照缩放后的像素高度和像素宽度在所述显示区域中显示所述待显示页面。

可选地，所述根据所述显示区域的像素尺寸和所述待显示页面的像素尺寸确定所述待显示页面的基准判定参数，还包括：

当所述显示区域的宽高比小于或等于所述待显示页面的宽高比时，确定所述显示区域的像素宽度和所述待显示页面的像素宽度为基准判定参数。

为解决上述技术问题，本发明实施例还提供一种基于数据处理的屏幕适配装置，包括：

获取模块，用于获取待执行的缩放指令，所述缩放指令用于对待显示页面的尺寸进行缩放；

处理模块，用于根据所述缩放指令计算待显示页面的根元素值；

执行模块，用于按照所述根元素值对所述待显示页面进行缩放，以使所述待显示页面在显示区域内整版显示。

可选地，还包括：

检测模块，用于检测所述显示区域的显示姿态是否发生变化，所述显示姿态为横屏显示或竖屏显示；

调用模块，用于当所述显示区域的显示姿态发生变化时，调用所述缩放指令。

具体地，所述处理模块包括：

第一处理子模块，用于根据所述缩放指令获取所述显示区域的像素尺寸和所述待显示页面的像素尺寸；

第二处理子模块，用于根据所述显示区域的像素尺寸和所述待显示页面的像素尺寸确定所述待显示页面的基准判定参数；

第三处理子模块，用于通过所述基准判定参数计算所述待显示页面的根元素值。

具体地，所述第二处理子模块包括：

第四处理子模块，用于根据所述显示区域的像素尺寸和所述待显示页面的像素尺寸计算所述显示区域的宽高比和所述待显示页面的宽高比；

第五处理子模块，用于将所述显示区域的宽高比和所述待显示页面的宽高比进行比较；

第六处理子模块，用于当所述显示区域的宽高比大于所述待显示页面的宽高比时，确定所述待显示页面的像素高度为基准判定参数。

具体地，所述第三处理子模块包括：

第七处理子模块，用于利用所述显示区域的像素高度除以所述待显示页面的像素高度的商与预设系数相乘，得到所述待显示页面的像素高度的根元素值；

第八处理子模块，用于将所述显示区域的像素宽度除以所述待显示页面的像素高度的商乘以预设的系数，得到所述待显示页面的像素宽度的根元素值。

具体地，所述执行模块包括：

第一执行模块，用于将所述待显示页面的像素高度的根元素值和像素宽度的根元素值分别于所述待显示页面的基准值相乘得到缩放后的像素高度和待缩放的像素宽度，其中，所述待显示页面的基准值由所述显示区域的像素高度除以所述待显示页面的像素高度得到；

第二执行模块，用于按照缩放后的像素高度和像素宽度在所述显示区域中显示所述待显示页面。

具体地，所述第二处理子模块包括：

第十处理子模块，用于当所述显示区域的宽高比小于或等于所述待显示页面的宽高比时，确定所述显示区域的像素宽度和所述待显示页面的像素宽度为基准判定参数。

为解决上述技术问题，本发明实施例还提供一种计算机设备，包括存储器和处理器，所述存储器中存储有计算机可读指令，所述计算机可读指令被所述处理器执行时，使得所述处理器执行上述所述基于数据处理的屏幕适配方法的步骤。

为解决上述技术问题，本发明实施例还提供一种存储有计算机可读指令的存储介质，所述计算机可读指令被一个或多个处理器执行时，使得一个或多个处理器执行上述所述基于数据处理的屏幕适配方法的步骤。

本发明实施例的有益效果是：利用根元素值对待显示页面进行缩放时，待显示页面中的所有元素均按照根元素值统一缩放，不需要基于父元素，计算过程简单，且利用根元素值进行缩放是依据显示区域和待显示页面的像素尺度来缩放的，缩放比例可控，并且能完整显示。

附图说明

为了更清楚地说明本发明实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1为本发明实施例基于数据处理的屏幕适配方法的基本流程示意图；

图2为本发明实施例按照显示区域的显示姿态的变化触发缩放指令的方法的基本流程示意图；

图3为本发明实施例根据缩放指令计算待显示页面的根元素值方法的基本流程示意图；

图4为本发明实施例根据显示区域的像素尺寸和待显示页面的像素尺寸确定待显示页面的基准判定参数方法的基本流程示意图；

图5为本发明实施例根据显示区域的像素尺寸和待显示页面的像素尺寸确定待显示页面的基准判定参数方法的基本流程示意图；

图6为本发明实施例按照根元素值对待显示页面进行缩放方法的基本流程示意图；

图7为本发明实施例基于数据处理的屏幕适配装置基本结构框图；

图8为本发明实施例计算机设备基本结构框图。

具体实施方式

为了使本技术领域的人员更好地理解本发明方案，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述。

在本发明的说明书和权利要求书及上述附图中的描述的一些流程中，包含了按照特定顺序出现的多个操作，但是应该清楚了解，这些操作可以不按照其在本文中出现的顺序来执行或并行执行，操作的序号如101、102等，仅仅是用于区分开各个不同的操作，序号本身不代表任何的执行顺序。另外，这些流程可以包括更多或更少的操作，并且这些操作可以按顺序执行或并行执行。需要说明的是，本文中的“第一”、“第二”等描述，是用于区分不同的消息、设备、模块等，不代表先后顺序，也不限定“第一”和“第二”是不同的类型。

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

实施例

本技术领域技术人员可以理解，这里所使用的“终端”、“终端设备”既包括无线信号接收器的设备，其仅具备无发射能力的无线信号接收器的设备，又包括接收和发射硬件的设备，其具有能够在双向通信链路上，执行双向通信的接收和发射硬件的设备。这种设备可以包括：蜂窝或其他通信设备，其具有单线路显示器或多线路显示器或没有多线路显示器的蜂窝或其他通信设备；pcs(personalcommunicationsservice，个人通信系统)，其可以组合语音、数据处理、传真和/或数据通信能力；pda(personaldigitalassistant，个人数字助理)，其可以包括射频接收器、寻呼机、互联网/内联网访问、网络浏览器、记事本、日历和/或gps(globalpositioningsystem，全球定位系统)接收器；常规膝上型和/或掌上型计算机或其他设备，其具有和/或包括射频接收器的常规膝上型和/或掌上型计算机或其他设备。这里所使用的“终端”、“终端设备”可以是便携式、可运输、安装在交通工具(航空、海运和/或陆地)中的，或者适合于和/或配置为在本地运行，和/或以分布形式，运行在地球和/或空间的任何其他位置运行。这里所使用的“终端”、“终端设备”还可以是通信终端、上网终端、音乐/视频播放终端，例如可以是pda、mid(mobileinternetdevice，移动互联网设备)和/或具有音乐/视频播放功能的移动电话，也可以是智能电视、机顶盒等设备。

具体地，请参阅图1，图1为本实施例基于数据处理的屏幕适配方法的基本流程示意图。

如图1所示，基于数据处理的屏幕适配方法包括下述步骤：

s1100、获取待执行的缩放指令；

缩放指令用于对待显示页面的尺寸进行缩放，以使待显示页面在终端的显示区域中完全显示。其中，终端获取待执行的缩放指令时，可以通过待显示页面在显示区域中显示时触发缩放指令，例如，用户通过终端点击待显示页面或滑动待显示页面来触发缩放指令。

待显示页面可以为各种在终端显示的页面，包括图片，各类型文件等。

s1200、根据缩放指令计算待显示页面的根元素值；

根元素值为以rem(rootfontsize)为单位的基准值，用于在计算待显示页面缩放后的像素尺寸时所依据的标准。例如，假设待显示页面的像素高度的根元素值为50rem，则在对待显示页面进行缩放时，将获取的缩放基准值1.2与50rem相乘，则得到缩放后的像素高度为60px。

终端根据缩放指令计算出的根元素值可以使待显示页面在显示区域中整版显示。需要说明的是，由于各个终端中显示区域的尺寸不同，待显示页面在不同的尺寸的显示区域显示时，终端均需要根据触发的缩放指令来计算待显示页面能在显示区域中整版显示时的根元素值。

s1300、按照根元素值对待显示页面进行缩放，以使待显示页面在显示区域内整版显示。

其中，待显示页面在显示区域内整版显示为待显示页面中的所有部分均能在显示区域中显示。在实际显示过程中，由于待显示页面和显示区域的宽高比不同，在整版显示时，显示区域中可能会出现留白区域，以适应待显示页面的宽度或高度。例如，当显示区域的宽高比大于待显示页面的宽高比时，只需使待显示页面的高度在显示区域中完整显示，则其宽度即可完整显示，此时，在显示区域的宽度方向的两边会出现留白区域。

终端按照根元素值对待显示页面进行缩放时，按照根元素值分别计算待显示页面中各个元素的像素尺寸，在缩放过程中，待显示页面中的各个元素统一缩放，不依赖于父元素，计算简单，可以整版显示。

本发明实施例的提供的基于数据处理的屏幕适配方法，利用根元素值对待显示页面进行缩放时，待显示页面中的所有元素均按照根元素值统一缩放，不需要基于父元素，计算过程简单，且利用根元素值进行缩放是依据显示区域和待显示页面的像素尺度来缩放的，缩放比例可控，并且能完整显示。

在实际应用中，触发缩放指令的方法各有不同，为了提高用户的体验，可以根据终端中显示区域的显示姿态的变化来触发缩放指令。本发明的一个实施例，如图2所示，图2提供一种按照显示区域的显示姿态的变化触发缩放指令的方法的基本流程示意图。

如图2所示，步骤s1100之前还包括下述步骤：

s1110、检测显示区域的显示姿态是否发生变化；

本实施例中，显示区域的显示姿态包括横屏和竖屏两种。终端通过内置重力感应器来检测终端重心的变化，当重心发生变化时，确定显示区域的显示姿态发生变化，即终端的显示屏由横屏变为竖屏，或由竖屏变为横屏。

s1120、当显示区域的显示姿态发生变化时，调用缩放指令。

当终端的显示区域的显示姿态发生变化时，即横屏与竖屏发生切换时，为了使用户不需要翻转就可以清楚的观看待显示页面，提高用户的体验。此时，待显示页面需要重新按照翻转后的显示区域来重新加载显示待显示页面，此时，终端调用缩放指令使待显示页面重新进行显示。

本发明的一个实施例，为了使计算出的根元素值可以使待显示页面能在显示区域中整版显示，本实施例提供一种计算根元素值的方法，如图3所示，图3示出了根据缩放指令计算待显示页面的根元素值方法的基本流程示意图。

具体地，步骤s1200包括：

s1210、根据缩放指令获取显示区域的像素尺寸和待显示页面的像素尺寸；

具体地，终端根据缩放指令调用具有显示窗口管理函数的windowmanager来获取显示区域的像素尺寸，以及通过调用待显示页面的参数来获取其像素尺寸。其中，像素尺寸包括像素高度和像素宽度。

s1220、根据显示区域的像素尺寸和待显示页面的像素尺寸确定待显示页面的基准判定参数；

基准判定参数为计算根元素值所需的参数，其中，基准判定参数根据显示区域的像素高度、像素宽度，待显示页面的像素高度和像素宽度，显示区域的横屏或竖屏而不同。

本实施例提供一种基准判定参数的确定方法，如图4所示，图4示出了根据显示区域的像素尺寸和待显示页面的像素尺寸确定待显示页面的基准判定参数方法的基本流程示意图。具体地，步骤s1220包括：

s1221、根据显示区域的像素尺寸和待显示页面的像素尺寸计算显示区域的宽高比和待显示页面的宽高比；

将像素宽度与像素高度相除即达到宽高比。在实际应用过程中，终端有多种不通宽高比的显示屏，例如4：3、5：4、16:10、16:9、18:9、19:9或21:9。

s1222、将显示区域的宽高比和待显示页面的宽高比进行比较；

针对同一个待显示页面来说，若待显示页面能在宽高比大的显示屏中完整显示，那么在宽高比小的显示屏中其高度方向的画面显示就会受到限制，不能完全显示。同理，若待显示页面能在宽高比小的显示屏中完整显示，则在宽高比大的显示屏中其宽度方向的画面就会收到限制。因此，终端将显示区域的宽高比和待显示页面的宽高比进行比较，以确定能使待显示页面整版显示的基准判定参数。

s1223、当显示区域的宽高比大于待显示页面的宽高比时，确定待显示页面的像素高度为基准判定参数。

具体地，当显示区域为竖屏显示时，且显示区域的宽高比大于待显示页面的宽高比时，只需使待显示页面能在高度方向完整显示，则在宽度方向就可以完整显示，因此，确定待显示页面的像素高度为基准判定参数。

本发明的另一个实施例，步骤s1222之后还包括：

当显示区域的宽高比小于或等于待显示页面的宽高比时，确定待显示页面的像素宽度为基准判定参数。

需要说明的是，本实施例适用于竖屏显示的显示区域。可选地，当显示区域的宽高比等于待显示页面的宽高比时，确定待显示页面的像素高度为基准判定参数。

本发明的另一个实施例，当显示区域为横屏显示时，确定待显示页面的基准判定参数的方法包括：

步骤一、根据显示区域的像素尺寸和待显示页面的像素尺寸计算显示区域的宽高比和待显示页面的高宽比；

将像素高度与像素宽度相除即达到高宽比。

步骤二、将显示区域的宽高比和待显示页面的高宽比进行比较；

步骤三、当显示区域的宽高比大于待显示页面的高宽比时，确定待显示页面的像素宽度为基准判定参数。

当显示区域为横屏显示时，对同一个待显示页面来说，若待显示页面能在宽高比大的显示屏中完整显示，那么在宽高比小的显示屏中其宽度方向的画面显示就会受到限制，因此，将待显示页面的像素宽度作为基准判定参数。

本发明的另一个实施例，具体地，在步骤二之后还包括：

步骤四、当显示区域的宽高比小于或等于待显示页面的高宽比时，确定待显示页面的像素高度为基准判定参数。

需要说明的是，本实施例适用于横屏显示。可选地，当显示区域的宽高比等于待显示页面的高宽比时，确定待显示页面的像素宽度为基准判定参数。

s1230、通过基准判定参数计算待显示页面的根元素值。

由于上述基准判定参数是用于使待显示页面整版显示的参数，因此利用基准判定参数计算得到的根元素值也同样能使待显示页面整版显示。本发明的一个实施例，如图5所示，图5为通过基准判定参数计算待显示页面的根元素值的方法的基本流程示意图。

具体地，步骤s1230包括：

s1231、利用显示区域的像素高度除以待显示页面的像素高度的商与预设系数相乘，得到待显示页面的像素高度的根元素值；

s1232、将显示区域的像素宽度除以待显示页面的像素高度的商乘以预设的系数，得到待显示页面的像素宽度的根元素值。

本实施例中，显示区域为竖屏显示，且待显示页面的像素高度为基准判定参数。

举例说明，假设基准判定参数为待显示页面的像素高度1024px，显示区域的的像素宽度是286px，像素高度为512px，则计算待显示页面的像素高度的根元素值为100*512px/1024px＝50rem，待显示页面的像素宽度的根元素值为100*286px/1024px＝25rem。其中，设预设系数为100。

需要说明的是，预设系数由于浏览器的最小字体为12px，预设系数的设置是为了对像素尺寸取整，以避免计算出的值小于12px的情况，出现显示错误。

本发明的一个实施例，显示区域为竖屏显示，且待显示页面的像素宽度为基准判定参数时，利用显示区域的像素高度除以待显示页面的像素宽度的商与预设系数相乘，得到待显示页面的像素高度的根元素值；将显示区域的像素宽度除以待显示页面的像素宽度的商乘以预设的系数，得到待显示页面的像素宽度的根元素值。

本发明的一个实施例，显示区域为横屏显示，且待显示页面的像素宽度为基准判定参数时，利用显示区域的像素高度除以待显示页面的像素宽度的商与预设系数相乘，得到待显示页面的像素高度的根元素值；将显示区域的像素宽度除以待显示页面的像素宽度的商乘以预设的系数，得到待显示页面的像素宽度的根元素值。

本发明的一个实施例，显示区域为横屏显示，且待显示页面的像素高度为基准判定参数时，利用显示区域的像素高度除以待显示页面的像素高度的商与预设系数相乘，得到待显示页面的像素高度的根元素值；将显示区域的像素宽度除以待显示页面的像素高度的商乘以预设的系数，得到待显示页面的像素宽度的根元素值。

本发明实施例提供一种按照根元素值对待显示页面进行缩放的方法。如图6所示，图6示出了按照根元素值对待显示页面进行缩放方法的基本流程示意图。

具体地，步骤s1300包括：

s1310、将待显示页面的像素高度的根元素值和像素宽度的根元素值分别于待显示页面的基准值相乘得到缩放后的像素高度和待缩放的像素宽度；

其中，待显示页面的基准值由显示区域的像素高度除以待显示页面的像素高度得到。本实施例中，显示区域为竖屏显示，且显示区域的宽高比大于待显示页面的宽高比。

本发明的另一个实施例，显示区域为竖屏显示，且显示区域的宽高比小于或等于待显示页面的宽高比，则待显示页面的基准值由显示区域的像素宽度除以待显示页面的像素宽度得到。

本发明的另一个实施例，显示区域为横屏显示，且显示区域的宽高比大于待显示页面的高宽比，则待显示页面的基准值由显示区域的像素高度除以待显示页面的像素宽度得到。

本发明的另一个实施例，显示区域为横屏显示，且显示区域的宽高比小于或等于待显示页面的高宽比，则待显示页面的基准值由显示区域的像素宽度除以待显示页面的像素高度得到。

对待显示页面缩放后的像素宽度和像素高度的计算过程进行举例说明，待显示页面的像素高度为1024px，显示区域的像素宽度是286px，像素高度为512px，当则计算待显示页面的基准值为512px/1024px＝0.5。若待显示页面的像素高度的根元素值为500rem，像素宽度的根元素值为250rem，则缩放后的像素高度0.5*500rem＝250px，缩放后的像素宽度为0.5*250rem＝125px。

s1320、按照缩放后的像素高度和像素宽度在所述显示区域中显示所述待显示页面。

为解决上述技术问题本发明实施例还提供一种基于数据处理的屏幕适配装置。具体请参阅图7，图7为本实施例基于数据处理的屏幕适配装置基本结构框图。

如图7所示，一种基于数据处理的屏幕适配装置，包括：获取模块2100、处理模块2200和执行模块2300。其中，获取模块2100，用于获取待执行的缩放指令，所述缩放指令用于对待显示页面的尺寸进行缩放；处理模块2200，用于根据所述缩放指令计算待显示页面的根元素值；执行模块2300，用于按照所述根元素值对所述待显示页面进行缩放，以使所述待显示页面在显示区域内整版显示。

本发明实施例的提供的基于数据处理的屏幕适配装置，利用根元素值对待显示页面进行缩放时，待显示页面中的所有元素均按照根元素值统一缩放，不需要基于父元素，计算过程简单，且利用根元素值进行缩放是依据显示区域和待显示页面的像素尺度来缩放的，缩放比例可控，并且能完整显示。

在一些实施方式中，基于数据处理的屏幕适配装置还包括：检测模块，用于检测所述显示区域的显示姿态是否发生变化，所述显示姿态为横屏显示或竖屏显示；调用模块，用于当所述显示区域的显示姿态发生变化时，调用所述缩放指令。

在一些实施方式中，处理模块包括：第一处理子模块，用于根据所述缩放指令获取所述显示区域的像素尺寸和所述待显示页面的像素尺寸；第二处理子模块，用于根据所述显示区域的像素尺寸和所述待显示页面的像素尺寸确定所述待显示页面的基准判定参数；第三处理子模块，用于通过所述基准判定参数计算所述待显示页面的根元素值。

在一些实施方式中，所述第二处理子模块包括：第四处理子模块，用于根据所述显示区域的像素尺寸和所述待显示页面的像素尺寸计算所述显示区域的宽高比和所述待显示页面的宽高比；第五处理子模块，用于将所述显示区域的宽高比和所述待显示页面的宽高比进行比较；第六处理子模块，用于当所述显示区域的宽高比大于所述待显示页面的宽高比时，确定所述显示区域的像素高度和所述待显示页面的像素高度为基准判定参数。

在一些实施方式中，所述第三处理子模块包括：第七处理子模块，用于利用所述显示区域的像素高度除以所述待显示页面的像素高度的商与预设系数相乘，得到所述待显示页面的像素高度的根元素值；第八处理子模块，用于将所述显示区域的像素宽度除以所述待显示页面的像素高度的商乘以预设的系数，得到所述待显示页面的像素宽度的根元素值。

在一些实施方式中，所述执行模块包括：第一执行模块，用于将所述待显示页面的像素高度的根元素值和像素宽度的根元素值分别于所述待显示页面的基准值相乘得到缩放后的像素高度和待缩放的像素宽度，其中，所述待显示页面的基准值由所述显示区域的像素高度除以所述待显示页面的像素高度得到；第二执行模块，用于按照缩放后的像素高度和像素宽度在所述显示区域中显示所述待显示页面。

在一些实施方式中，所述第二处理子模块包括：第九处理子模块，用于当所述显示区域的宽高比小于或等于所述待显示页面的宽高比时，确定所述显示区域的像素宽度和所述待显示页面的像素宽度为基准判定参数。

为解决上述技术问题，本发明实施例还提供计算机设备。具体请参阅图8，图8为本实施例计算机设备基本结构框图。

如图8所示，计算机设备的内部结构示意图。如图8所示，该计算机设备包括通过系统总线连接的处理器、非易失性存储介质、存储器和网络接口。其中，该计算机设备的非易失性存储介质存储有操作系统、数据库和计算机可读指令，数据库中可存储有控件信息序列，该计算机可读指令被处理器执行时，可使得处理器实现一种基于数据处理的屏幕适配方法。该计算机设备的处理器用于提供计算和控制能力，支撑整个计算机设备的运行。该计算机设备的存储器中可存储有计算机可读指令，该计算机可读指令被处理器执行时，可使得处理器执行一种保险产品配置方法。该计算机设备的网络接口用于与终端连接通信。本领域技术人员可以理解，图7中示出的结构，仅仅是与本申请方案相关的部分结构的框图，并不构成对本申请方案所应用于其上的计算机设备的限定，具体的计算机设备可以包括比图中所示更多或更少的部件，或者组合某些部件，或者具有不同的部件布置。

本实施方式中处理器用于执行图7中获取模块2100、处理模块2200和执行模块2300的具体内容，存储器存储有执行上述模块所需的程序代码和各类数据。网络接口用于向用户终端或服务器之间的数据传输。本实施方式中的存储器存储有基于数据处理的屏幕适配方法中执行所有子模块所需的程序代码及数据，服务器能够调用服务器的程序代码及数据执行所有子模块的功能。

本发明实施例的提供的计算机设备，利用根元素值对待显示页面进行缩放时，待显示页面中的所有元素均按照根元素值统一缩放，不需要基于父元素，计算过程简单，且利用根元素值进行缩放是依据显示区域和待显示页面的像素尺度来缩放的，缩放比例可控，并且能完整显示。

本发明还提供一种存储有计算机可读指令的存储介质，所述计算机可读指令被一个或多个处理器执行时，使得一个或多个处理器执行上述任一实施例所述基于数据处理的屏幕适配方法的步骤。

本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，该计算机程序可存储于一计算机可读取存储介质中，该程序在执行时，可包括如上述各方法的实施例的流程。其中，前述的存储介质可为磁碟、光盘、只读存储记忆体(read-onlymemory，rom)等非易失性存储介质，或随机存储记忆体(randomaccessmemory，ram)等。

应该理解的是，虽然附图的流程图中的各个步骤按照箭头的指示依次显示，但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明，这些步骤的执行并没有严格的顺序限制，其可以以其他的顺序执行。而且，附图的流程图中的至少一部分步骤可以包括多个子步骤或者多个阶段，这些子步骤或者阶段并不必然是在同一时刻执行完成，而是可以在不同的时刻执行，其执行顺序也不必然是依次进行，而是可以与其他步骤或者其他步骤的子步骤或者阶段的至少一部分轮流或者交替地执行。

以上所述仅是本发明的部分实施方式，应当指出，对于本技术领域的普通技术人员来说，在不脱离本发明原理的前提下，还可以做出若干改进和润饰，这些改进和润饰也应视为本发明的保护范围。