CN115686714A - 一种页面展示方法、装置、设备及存储介质 - Google Patents

一种页面展示方法、装置、设备及存储介质 Download PDF

Info

Publication number
CN115686714A
CN115686714A CN202211352267.8A CN202211352267A CN115686714A CN 115686714 A CN115686714 A CN 115686714A CN 202211352267 A CN202211352267 A CN 202211352267A CN 115686714 A CN115686714 A CN 115686714A
Authority
CN
China
Prior art keywords
parameters
page display
window
target
parameter
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN202211352267.8A
Other languages
English (en)
Inventor
肖行行
刘保
刘鑫淼
王仕奇
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Agricultural Bank of China
Original Assignee
Agricultural Bank of China
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Agricultural Bank of China filed Critical Agricultural Bank of China
Priority to CN202211352267.8A priority Critical patent/CN115686714A/zh
Publication of CN115686714A publication Critical patent/CN115686714A/zh
Pending legal-status Critical Current

Links

Images

Landscapes

  • User Interface Of Digital Computer (AREA)

Abstract

本发明公开了一种页面展示方法、装置、设备及存储介质。方法包括:监听移动端的视窗参数,当所述视窗参数改变时,基于改变后的视窗参数确定目标参数的目标参数值;基于所述目标参数值调整rem布局中的页面展示参数,基于所述页面展示参数进行页面展示,以使调整后的页面展示区域与改变后的视窗参数相匹配。通过仅增加监听视窗参数及页面展示参数调整部分程序代码即可实现通过调整rem布局中的页面展示参数对页面展示区域进行调整,使得上述页面展示方法能够适配各个机型,实现了在不增加大量代码的情况下,实现页面展示的适配,节省开发资源。

Description

一种页面展示方法、装置、设备及存储介质
技术领域
本发明涉及计算机技术领域,尤其涉及一种页面展示方法、装置、设备及存储介质。
背景技术
随着移动互联网技术的发展,移动机型越拉越多,要在不同大小,不同分辨率的屏幕上显示渲染的画面,通常需要很大工作量。
目前通常通过媒体查询调整页面展示区域,媒体查询可以做到设备像素比的判断,方法简单,成本低,特别是对移动和pc维护同一套代码时,方法简单,理解容易。
在实现本发明的过程中,发现现有技术中至少存在以下技术问题:媒体查询代码量很大,需要编写多套css样式,为了兼顾大屏幕和高清设备,会造成其他设备资源浪费,特别是加载图片资源,并且在部分设备上表现不好,在部分机型上用可能适得其反。
发明内容
本发明提供了一种页面展示方法、装置、设备及存储介质,以实现在不增加大量代码的情况下,实现页面展示的适配。
根据本发明的一方面,提供了一种页面展示方法,包括:
监听移动端的视窗参数,当所述视窗参数改变时,基于改变后的视窗参数确定目标参数的目标参数值;
基于所述目标参数值调整rem布局中的页面展示参数,基于所述页面展示参数进行页面展示,以使调整后的页面展示区域与改变后的视窗参数相匹配。
可选的,在上述方案的基础上,所述目标参数为字体,所述目标参数值为目标字体大小。
可选的,在上述方案的基础上,所述基于改变后的视窗参数确定目标参数的目标参数值,包括:
根据预先设置的视窗字体对应关系,将所述视窗字体关联关系中改变后的视窗参数对应的字体大小作为所述目标字体大小。
可选的,在上述方案的基础上,所述基于改变后的视窗参数确定目标参数的目标参数值,包括:
根据预先设置的视窗字体函数关系,基于改变后的视窗参数和所述视窗字体函数关系确定所述目标字体大小。
可选的,在上述方案的基础上,所述基于所述目标参数值调整rem布局中的页面展示参数,包括:
确定所述目标参数的关联参数;
基于所述目标参数值调整所述目标参数和所述关联参数的参数值。
可选的,在上述方案的基础上,在基于所述目标参数值调整rem布局中的页面展示参数之前,还包括:
获取基于rem布局设置的待展示页面的页面展示参数。
可选的,在上述方案的基础上,所述监听移动端的视窗参数,包括:
基于视窗信息监听接口,监听移动端的视窗参数。
根据本发明的另一方面,提供了一种页面展示装置,包括:
目标参数值确定模块,用于监听移动端的视窗参数,当所述视窗参数改变时,基于改变后的视窗参数确定目标参数的目标参数值;
页面展示参数调整模块,用于基于所述目标参数值调整rem布局中的页面展示参数,基于所述页面展示参数进行页面展示,以使调整后的页面展示区域与改变后的视窗参数相匹配。
根据本发明的另一方面,提供了一种电子设备,所述电子设备包括:
至少一个处理器;以及
与所述至少一个处理器通信连接的存储器;其中,
所述存储器存储有可被所述至少一个处理器执行的计算机程序,所述计算机程序被所述至少一个处理器执行,以使所述至少一个处理器能够执行本发明任一实施例所述的页面展示方法。
根据本发明的另一方面,提供了一种计算机可读存储介质,所述计算机可读存储介质存储有计算机指令,所述计算机指令用于使处理器执行时实现本发明任一实施例所述的页面展示方法。
本发明实施例的技术方案,通过监听移动端的视窗参数,当所述视窗参数改变时,基于改变后的视窗参数确定目标参数的目标参数值;基于所述目标参数值调整rem布局中的页面展示参数,基于所述页面展示参数进行页面展示,以使调整后的页面展示区域与改变后的视窗参数相匹配。通过仅增加监听视窗参数及页面展示参数调整部分程序代码即可实现通过调整rem布局中的页面展示参数对页面展示区域进行调整,使得上述页面展示方法能够适配各个机型,实现了在不增加大量代码的情况下,实现页面展示的适配,节省开发资源。
应当理解,本部分所描述的内容并非旨在标识本发明的实施例的关键或重要特征,也不用于限制本发明的范围。本发明的其它特征将通过以下的说明书而变得容易理解。
附图说明
为了更清楚地说明本发明实施例中的技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1是本发明实施例一提供的一种页面展示方法的流程图;
图2是本发明实施例二提供的一种页面展示装置的结构示意图;
图3是本发明实施例三提供的一种电子设备的结构示意图。
具体实施方式
为了使本技术领域的人员更好地理解本发明方案,下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分的实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都应当属于本发明保护的范围。
需要说明的是,本发明的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象,而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换,以便这里描述的本发明的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外,术语“包括”和“具有”以及他们的任何变形,意图在于覆盖不排他的包含,例如,包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元,而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。
实施例一
图1是本发明实施例一提供的一种页面展示方法的流程图,本实施例可适用于页面展示时的情形,尤其适用于在移动端设备参数改变时进行页面展示时的情形,该方法可以由页面展示装置来执行,该页面展示装置可以采用硬件和/或软件的形式实现,该页面展示装置可配置于计算机设备中。如图1所示,该方法包括:
S110、监听移动端的视窗参数,当所述视窗参数改变时,基于改变后的视窗参数确定目标参数的目标参数值。
需要说明的是,本实施例提供的页面展示方法可应用于任意具备页面展示的应用程序中。当应用程序为新安装应用程序,或更换设备使用应用程序时,可以通过本发明实施例提供的页面展示方法调整应用程序的展示页面,使得应用程序的展示页面能够适配移动端的屏幕尺寸。整体来说,本发明实施例基于rem的布局,通过监听页面宽度变化,动态赋值fontsize大小,实现在移动端的视窗参数改变时,展示页面的适配。
视窗viewport可以理解为用户的网页可视区域。在本实施例中,可以定时或实时监听移动端的视窗参数。为了提高页面的展示效果,可以实时监听移动端的视窗参数,使得能够在移动端的视窗参数改变时,及时调整程序的页面展示效果。示例性的,可以实时监听移动端的视窗参数,将当前监听到的视窗参数与上一时刻监听到的视窗参数进行比较,当比较结果确定视窗参数变化时,基于变化后的视窗参数确定目标参数的目标参数值。其中,视窗参数可能包括一个或多个参数项,当视窗参数的参数项为一个时,仅判断该视窗参数是否改变即可,当视窗参数的参数项为多个时,只要其中任一个发生改变,均可判定视窗参数发生了改变。
可选的,视窗参数可以为视窗高度、视窗宽度等参数。一般来说,在页面适配展示中,较为关键的为视窗宽度值,宽度值确定后,高度上可以通过滚动或翻页进行内容的展示。因此,可以将视窗宽度作为视窗参数,仅监听移动端的视窗宽度,在移动端的视窗宽度改变时,基于改变后的视窗宽度确定目标参数的目标参数值。
其中,目标参数可以为能够影响页面展示效果的参数。一般来说,在使用应用程序时,当用户执行缩小操作时,屏幕覆盖的逻辑像素(css像素)变多,视觉窗口变大;当用户执行放大操作时,屏幕覆盖的css像素变少,视觉窗口变小,结合将元素设置为rem单位的属性时,通过更改html元素的字体大小,就可以让子元素实际大小发生变化。基于此,可以通过调整字体的大小以调整页面展示效果。相应的,所述目标参数为字体,所述目标参数值为目标字体大小。也就是说,在检测到视窗参数改变时,基于改变后的视窗参数确定字体的目标字体大小。
在本发明的一种实现方式中,所述监听移动端的视窗参数,包括:
基于视窗信息监听接口,监听移动端的视窗参数。
可以预先配置移动端的视窗信息监听接口,通过调用视窗信息监听接口对视窗参数进行定时或实时的监测。
在上述方案的基础上,当目标参数为字体时,可以通过改变后的视窗参数确定字体的目标字体大小(fontsize),以基于目标字体大小进行展示效果的调整。
在本发明的一种实施方式中,所述基于改变后的视窗参数确定目标参数的目标参数值,包括:
根据预先设置的视窗字体对应关系,将所述视窗字体关联关系中改变后的视窗参数对应的字体大小作为所述目标字体大小。
可选的,可以预先基于经验设置视窗参数与字体大小之间的对应关系,在视窗参数改变后,将改变后的视窗参数对应的字体大小作为目标字体大小。需要说明的是,当视窗参数的参数项为一个(如仅为视窗宽度时)时,仅设置该参数项的(视窗宽度)参数值与字体大小之间的对应关系即可,当视窗参数的参数项为多个时,需要设置多个视窗参数项组合值与字体大小之间的对应关系。
在本发明的一种实施方式中,所述基于改变后的视窗参数确定目标参数的目标参数值,包括:
根据预先设置的视窗字体函数关系,基于改变后的视窗参数和所述视窗字体函数关系确定所述目标字体大小。
可选的,还可以预先基于经验设置视窗参数与字体大小之间的函数关系,在视窗参数改变后,基于改变后的视窗参数和函数关系计算出目标字体大小。需要说明的是,当视窗参数的参数项为一个(如仅为视窗宽度时)时,仅设置该参数项的(视窗宽度)参数值与字体大小之间的函数关系即可,当视窗参数的参数项为多个时,需要设置多个视窗参数项与字体大小之间的函数关系。
S120、基于所述目标参数值调整rem布局中的页面展示参数,基于所述页面展示参数进行页面展示,以使调整后的页面展示区域与改变后的视窗参数相匹配。
层叠样式表(Cascading Style Sheets,CSS),是一种用来为结构化文档(如HTML文档或XML应用)添加样式(字体、间距和颜色等)的计算机语言,rem是一种css单位,一种相对单位,依赖于根元素。在本实施例中,通过rem布局实现页面展示的适配调整。具体的,确定目标参数的目标参数值后,调整rem布局中该目标参数的目标参数值,然后基于调整后的页面展示参数进行展示,即可实现页面展示与移动端视窗参数的更改适配。
在一些实施例中,所述基于所述目标参数值调整rem布局中的页面展示参数,包括:
确定所述目标参数的关联参数;
基于所述目标参数值调整所述目标参数和所述关联参数的参数值。
在本实施例中,可能存储目标参数的参数值改变后,其他参数的参数值也改变的情况。基于此,在根据目标参数值调整页面展示参数时,可以将与目标参数存在参数值关联关系的参数作为关联参数,基于目标参数值调整目标参数和关联参数的参数值,实现关联参数的适配展示。
基于此,在基于所述目标参数值调整rem布局中的页面展示参数之前,还包括:
获取基于rem布局设置的待展示页面的页面展示参数。
可以理解的是,为了能够基于rem布局实现页面展示参数的适配调整,需要首先进行rem布局的设置。可以由用户进行rem布局的设置,页面展示装置获取用户设置的rem布局的页面展示参数。
本发明实施例的技术方案,通过监听移动端的视窗参数,当所述视窗参数改变时,基于改变后的视窗参数确定目标参数的目标参数值;基于所述目标参数值调整rem布局中的页面展示参数,基于所述页面展示参数进行页面展示,以使调整后的页面展示区域与改变后的视窗参数相匹配。通过仅增加监听视窗参数及页面展示参数调整部分程序代码即可实现通过调整rem布局中的页面展示参数对页面展示区域进行调整,使得上述页面展示方法能够适配各个机型,实现了在不增加大量代码的情况下,实现页面展示的适配,节省开发资源。
实施例二
图2是本发明实施例二提供的一种页面展示装置的结构示意图。如图2所示,该装置包括:目标参数值确定模块210和页面展示参数调整模块220,其中:
目标参数值确定模块210,用于监听移动端的视窗参数,当所述视窗参数改变时,基于改变后的视窗参数确定目标参数的目标参数值;
页面展示参数调整模块220,用于基于所述目标参数值调整rem布局中的页面展示参数,基于所述页面展示参数进行页面展示,以使调整后的页面展示区域与改变后的视窗参数相匹配。
本发明实施例的技术方案,通过监听移动端的视窗参数,当所述视窗参数改变时,基于改变后的视窗参数确定目标参数的目标参数值;基于所述目标参数值调整rem布局中的页面展示参数,基于所述页面展示参数进行页面展示,以使调整后的页面展示区域与改变后的视窗参数相匹配。通过仅增加监听视窗参数及页面展示参数调整部分程序代码即可实现通过调整rem布局中的页面展示参数对页面展示区域进行调整,使得上述页面展示方法能够适配各个机型,实现了在不增加大量代码的情况下,实现页面展示的适配,节省开发资源。
在上述实施例的基础上,可选的,所述目标参数为字体,所述目标参数值为目标字体大小。
在上述实施例的基础上,可选的,目标参数值确定模块210具体用于:
根据预先设置的视窗字体对应关系,将所述视窗字体关联关系中改变后的视窗参数对应的字体大小作为所述目标字体大小。
在上述实施例的基础上,可选的,目标参数值确定模块210具体用于:
根据预先设置的视窗字体函数关系,基于改变后的视窗参数和所述视窗字体函数关系确定所述目标字体大小。
在上述实施例的基础上,可选的,页面展示参数调整模块220具体用于:
确定所述目标参数的关联参数;
基于所述目标参数值调整所述目标参数和所述关联参数的参数值。
在上述实施例的基础上,可选的,装置还包括页面展示参数配置模块,用于:
在基于所述目标参数值调整rem布局中的页面展示参数之前,获取基于rem布局设置的待展示页面的页面展示参数。
在上述实施例的基础上,可选的,目标参数值确定模块210具体用于:
基于视窗信息监听接口,监听移动端的视窗参数。
本发明实施例所提供的页面展示装置可执行本发明任意实施例所提供的页面展示方法,具备执行方法相应的功能模块和有益效果。
实施例三
图3是本发明实施例四提供的一种电子设备的结构示意图。电子设备10旨在表示各种形式的数字计算机,诸如,膝上型计算机、台式计算机、工作台、个人数字助理、服务器、刀片式服务器、大型计算机、和其它适合的计算机。电子设备还可以表示各种形式的移动装置,诸如,个人数字处理、蜂窝电话、智能电话、可穿戴设备(如头盔、眼镜、手表等)和其它类似的计算装置。本文所示的部件、它们的连接和关系、以及它们的功能仅仅作为示例,并且不意在限制本文中描述的和/或者要求的本发明的实现。
如图3所示,电子设备10包括至少一个处理器11,以及与至少一个处理器11通信连接的存储器,如只读存储器(ROM)12、随机访问存储器(RAM)13等,其中,存储器存储有可被至少一个处理器执行的计算机程序,处理器11可以根据存储在只读存储器(ROM)12中的计算机程序或者从存储单元18加载到随机访问存储器(RAM)13中的计算机程序,来执行各种适当的动作和处理。在RAM 13中,还可存储电子设备10操作所需的各种程序和数据。处理器11、ROM 12以及RAM 13通过总线14彼此相连。输入/输出(I/O)接口15也连接至总线14。
电子设备10中的多个部件连接至I/O接口15,包括:输入单元16,例如键盘、鼠标等;输出单元17,例如各种类型的显示器、扬声器等;存储单元18,例如磁盘、光盘等;以及通信单元19,例如网卡、调制解调器、无线通信收发机等。通信单元19允许电子设备10通过诸如因特网的计算机网络和/或各种电信网络与其他设备交换信息/数据。
处理器11可以是各种具有处理和计算能力的通用和/或专用处理组件。处理器11的一些示例包括但不限于中央处理单元(CPU)、图形处理单元(GPU)、各种专用的人工智能(AI)计算芯片、各种运行机器学习模型算法的处理器、数字信号处理器(DSP)、以及任何适当的处理器、控制器、微控制器等。处理器11执行上文所描述的各个方法和处理,例如页面展示方法。
在一些实施例中,页面展示方法可被实现为计算机程序,其被有形地包含于计算机可读存储介质,例如存储单元18。在一些实施例中,计算机程序的部分或者全部可以经由ROM 12和/或通信单元19而被载入和/或安装到电子设备10上。当计算机程序加载到RAM 13并由处理器11执行时,可以执行上文描述的页面展示方法的一个或多个步骤。备选地,在其他实施例中,处理器11可以通过其他任何适当的方式(例如,借助于固件)而被配置为执行页面展示方法。
本文中以上描述的系统和技术的各种实施方式可以在数字电子电路系统、集成电路系统、场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、芯片上系统的系统(SOC)、负载可编程逻辑设备(CPLD)、计算机硬件、固件、软件、和/或它们的组合中实现。这些各种实施方式可以包括:实施在一个或者多个计算机程序中,该一个或者多个计算机程序可在包括至少一个可编程处理器的可编程系统上执行和/或解释,该可编程处理器可以是专用或者通用可编程处理器,可以从存储系统、至少一个输入装置、和至少一个输出装置接收数据和指令,并且将数据和指令传输至该存储系统、该至少一个输入装置、和该至少一个输出装置。
用于实施本发明的页面展示方法的计算机程序可以采用一个或多个编程语言的任何组合来编写。这些计算机程序可以提供给通用计算机、专用计算机或其他可编程数据处理装置的处理器,使得计算机程序当由处理器执行时使流程图和/或框图中所规定的功能/操作被实施。计算机程序可以完全在机器上执行、部分地在机器上执行,作为独立软件包部分地在机器上执行且部分地在远程机器上执行或完全在远程机器或服务器上执行。
实施例四
本发明实施例四还提供了一种计算机可读存储介质,计算机可读存储介质存储有计算机指令,计算机指令用于使处理器执行一种页面展示方法,该方法包括:
监听移动端的视窗参数,当所述视窗参数改变时,基于改变后的视窗参数确定目标参数的目标参数值;
基于所述目标参数值调整rem布局中的页面展示参数,基于所述页面展示参数进行页面展示,以使调整后的页面展示区域与改变后的视窗参数相匹配。
在本发明的上下文中,计算机可读存储介质可以是有形的介质,其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的计算机程序。计算机可读存储介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备,或者上述内容的任何合适组合。备选地,计算机可读存储介质可以是机器可读信号介质。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。
为了提供与用户的交互,可以在电子设备上实施此处描述的系统和技术,该电子设备具有:用于向用户显示信息的显示装置(例如,CRT(阴极射线管)或者LCD(液晶显示器)监视器);以及键盘和指向装置(例如,鼠标或者轨迹球),用户可以通过该键盘和该指向装置来将输入提供给电子设备。其它种类的装置还可以用于提供与用户的交互;例如,提供给用户的反馈可以是任何形式的传感反馈(例如,视觉反馈、听觉反馈、或者触觉反馈);并且可以用任何形式(包括声输入、语音输入或者、触觉输入)来接收来自用户的输入。
可以将此处描述的系统和技术实施在包括后台部件的计算系统(例如,作为数据服务器)、或者包括中间件部件的计算系统(例如,应用服务器)、或者包括前端部件的计算系统(例如,具有图形用户界面或者网络浏览器的用户计算机,用户可以通过该图形用户界面或者该网络浏览器来与此处描述的系统和技术的实施方式交互)、或者包括这种后台部件、中间件部件、或者前端部件的任何组合的计算系统中。可以通过任何形式或者介质的数字数据通信(例如,通信网络)来将系统的部件相互连接。通信网络的示例包括:局域网(LAN)、广域网(WAN)、区块链网络和互联网。
计算系统可以包括客户端和服务器。客户端和服务器一般远离彼此并且通常通过通信网络进行交互。通过在相应的计算机上运行并且彼此具有客户端-服务器关系的计算机程序来产生客户端和服务器的关系。服务器可以是云服务器,又称为云计算服务器或云主机,是云计算服务体系中的一项主机产品,以解决了传统物理主机与VPS服务中,存在的管理难度大,业务扩展性弱的缺陷。
应该理解,可以使用上面所示的各种形式的流程,重新排序、增加或删除步骤。例如,本发明中记载的各步骤可以并行地执行也可以顺序地执行也可以不同的次序执行,只要能够实现本发明的技术方案所期望的结果,本文在此不进行限制。
上述具体实施方式,并不构成对本发明保护范围的限制。本领域技术人员应该明白的是,根据设计要求和其他因素,可以进行各种修改、组合、子组合和替代。任何在本发明的精神和原则之内所作的修改、等同替换和改进等,均应包含在本发明保护范围之内。

Claims (10)

1.一种页面展示方法,其特征在于,包括:
监听移动端的视窗参数,当所述视窗参数改变时,基于改变后的视窗参数确定目标参数的目标参数值;
基于所述目标参数值调整rem布局中的页面展示参数,基于所述页面展示参数进行页面展示,以使调整后的页面展示区域与改变后的视窗参数相匹配。
2.根据权利要求1所述的方法,其特征在于,所述目标参数为字体,所述目标参数值为目标字体大小。
3.根据权利要求2所述的方法,其特征在于,所述基于改变后的视窗参数确定目标参数的目标参数值,包括:
根据预先设置的视窗字体对应关系,将所述视窗字体关联关系中改变后的视窗参数对应的字体大小作为所述目标字体大小。
4.根据权利要求2所述的方法,其特征在于,所述基于改变后的视窗参数确定目标参数的目标参数值,包括:
根据预先设置的视窗字体函数关系,基于改变后的视窗参数和所述视窗字体函数关系确定所述目标字体大小。
5.根据权利要求1所述的方法,其特征在于,所述基于所述目标参数值调整rem布局中的页面展示参数,包括:
确定所述目标参数的关联参数;
基于所述目标参数值调整所述目标参数和所述关联参数的参数值。
6.根据权利要求1所述的方法,其特征在于,在基于所述目标参数值调整rem布局中的页面展示参数之前,还包括:
获取基于rem布局设置的待展示页面的页面展示参数。
7.根据权利要求1所述的方法,其特征在于,所述监听移动端的视窗参数,包括:
基于视窗信息监听接口,监听移动端的视窗参数。
8.一种页面展示装置,其特征在于,包括:
目标参数值确定模块,用于监听移动端的视窗参数,当所述视窗参数改变时,基于改变后的视窗参数确定目标参数的目标参数值;
页面展示参数调整模块,用于基于所述目标参数值调整rem布局中的页面展示参数,基于所述页面展示参数进行页面展示,以使调整后的页面展示区域与改变后的视窗参数相匹配。
9.一种电子设备,其特征在于,所述电子设备包括:
至少一个处理器;以及
与所述至少一个处理器通信连接的存储器;其中,
所述存储器存储有可被所述至少一个处理器执行的计算机程序,所述计算机程序被所述至少一个处理器执行,以使所述至少一个处理器能够执行权利要求1-7中任一项所述的页面展示方法。
10.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质存储有计算机指令,所述计算机指令用于使处理器执行时实现权利要求1-7中任一项所述的页面展示方法。
CN202211352267.8A 2022-10-31 2022-10-31 一种页面展示方法、装置、设备及存储介质 Pending CN115686714A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202211352267.8A CN115686714A (zh) 2022-10-31 2022-10-31 一种页面展示方法、装置、设备及存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202211352267.8A CN115686714A (zh) 2022-10-31 2022-10-31 一种页面展示方法、装置、设备及存储介质

Publications (1)

Publication Number Publication Date
CN115686714A true CN115686714A (zh) 2023-02-03

Family

ID=85048230

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202211352267.8A Pending CN115686714A (zh) 2022-10-31 2022-10-31 一种页面展示方法、装置、设备及存储介质

Country Status (1)

Country Link
CN (1) CN115686714A (zh)

Similar Documents

Publication Publication Date Title
US10768947B2 (en) Method for interface refresh synchronization,terminal device, and non-transitory computer-readable storage medium
CN112559231B (zh) 应用检测方法、装置、设备以及存储介质
CN114218890A (zh) 页面渲染方法、装置、电子设备以及存储介质
CN115309470B (zh) 微件的加载方法、装置、设备以及存储介质
CN114610295A (zh) 一种页面容器的布局方法、装置、设备及介质
CN113885960B (zh) 小程序页面的处理方法、装置、电子设备和存储介质
CN113836462A (zh) 页面描述文件的生成方法、装置、设备及存储介质
CN107340886B (zh) 一种软键盘状态确定方法、装置、介质及终端
CN116595281A (zh) 一种页面渲染方法、装置、设备以及存储介质
CN113626113A (zh) 一种页面渲染方法和装置
CN115643468A (zh) 海报生成方法、装置、电子设备及存储介质
CN112395535A (zh) 图片的懒加载方法及装置、介质和电子设备
CN115686714A (zh) 一种页面展示方法、装置、设备及存储介质
CN113849164A (zh) 数据处理方法、装置、电子设备和存储器
CN111222302A (zh) 网页渲染的控制方法、控制装置以及计算机可读介质
CN114756797A (zh) 一种页面处理方法、装置、电子设备和存储介质
CN114138358A (zh) 应用程序的启动优化方法、装置、设备和存储介质
CN113608809A (zh) 组件的布局方法、装置、设备、存储介质及程序产品
CN113515210A (zh) 一种显示方法、装置、电子设备以及存储介质
CN112887426A (zh) 信息流的推送方法、装置、电子设备以及存储介质
CN112861504A (zh) 文本交互方法、装置、设备、存储介质及程序产品
CN115328597A (zh) 小程序的页面渲染方法、装置、电子设备和存储介质
CN114896532A (zh) 一种基于弹窗的图片下载方法、装置、设备及存储介质
CN114510189A (zh) 一种切换标签的方法、装置、电子设备及存储介质
CN115599488A (zh) 页面显示方法、装置、电子设备及存储介质

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination