[发明专利]页面的展示方法和装置、存储介质、电子装置

说明书

本申请公开了一种页面的展示方法和装置、存储介质、电子装置。其中，该方法包括：获取目标终端上待展示的第一页面；在第一页面的展示分辨率与目标分辨率不匹配的情况下，基于目标分辨率和第一页面的展示分辨率对第一页面进行缩放处理，得到展示分辨率与目标分辨率匹配的第二页面，目标分辨率为与目标终端适配的分辨率；在目标终端上按照目标分辨率展示第二页面。本申请解决了调整页面样式的效率较低的技术问题，提高了页面适配的精确性、通用性和性能。

技术领域

本申请涉及计算机领域，具体而言，涉及一种页面的展示方法和装置、存储介质、电子装置。

背景技术

CSS是Cascading Style Sheet的缩写，一般译作“层叠样式表单”，是用于(增强)控制页面样式并允许将页面样式与页面内容分离的一种标记性语言。在页面制作时采用CSS页面样式，可以对页面样式，比如页面的布局、字体、颜色、背景等实现更加精确的控制。例如，通过采用CSS页面样式，在一个页面的上部显示图片，在该页面的中下部显示文本和图标，该页面中图片、文本、图标显示的位置、大小、颜色等则属于页面样式的范畴，该页面中显示的文本内容、图片内容等内容则属于页面的内容，页面样式可以通过CSS页面样式进行设置。

然而，虽然采用CSS页面样式能够将页面样式与页面内容相分离，实现对页面样式更加精确的控制，但是，由于CSS页面样式的样式取值需要直接写入CSS页面样式的源码中，在CSS样式的源码中，对于文字的位置、颜色等样式参数均做了设置，比如，“width：10px”，“height：14px”，设置的就是文字的宽度为10个像素单位，高为14个像素单位，“color：#49A9EE”则设置了文字的所要显示的颜色源码，而由于不同设备的显示分辨率不同，为了与不同的设备进行适配，页面设计人员需要对CSS页面样式进行修改，由源码的程序开发人员根据页面设计人员的需求重新编写CSS页面样式的源码，导致页面样式的维护人工成本增高且效率降低。

针对上述的问题，目前尚未提出有效的解决方案。

发明内容

本申请实施例提供了一种页面的展示方法和装置、存储介质、电子装置，以至少解决调整页面样式的效率较低的技术问题，提高了页面适配的精确性、通用性和性能。

根据本申请实施例的一个方面，提供了一种页面的展示方法，包括：获取目标终端上待展示的第一页面；在第一页面的展示分辨率与目标分辨率不匹配的情况下，基于目标分辨率和第一页面的展示分辨率对第一页面进行缩放处理，得到展示分辨率与目标分辨率匹配的第二页面，其中，目标分辨率为与目标终端适配的分辨率；在目标终端上按照目标分辨率展示第二页面。

根据本申请实施例的另一方面，还提供了一种页面的展示装置，包括：获取单元，用于获取目标终端上待展示的第一页面；缩放单元，用于在第一页面的展示分辨率与目标分辨率不匹配的情况下，基于目标分辨率和第一页面的展示分辨率对第一页面进行缩放处理，得到展示分辨率与目标分辨率匹配的第二页面，其中，目标分辨率为与目标终端适配的分辨率；展示单元，用于在目标终端上按照目标分辨率展示第二页面。

根据本申请实施例的另一方面，还提供了一种存储介质，该存储介质包括存储的程序，程序运行时执行上述的方法。

根据本申请实施例的另一方面，还提供了一种电子装置，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，处理器通过计算机程序执行上述的方法。

在本申请实施例中，通过执行缩放处理，页面适配对用户无感知，不管用户使用的是什么尺寸的设备，看到的都是全屏适配的效果，该方案能够用到任何尺寸的设备上，由于是自动适配，不再需要人整重新编写CSS页面样式的源码，可以解决了调整页面样式的效率较低的技术问题，进而达到自动适配的技术效果。

附图说明