页面显示方法、装置、电子设备以及存储介质制造方法及图纸

本发明专利技术公开了一种页面显示方法、装置、电子设备以及存储介质。其中，基于页面中第一元素的样式设计信息，设定第二元素的样式，以将第二元素与第一元素绑定为关联整体，关联显示在页面中；响应于第一元素的缩放变化，重新设定第二元素的位置和/或尺寸，使得重新设定后的第二元素的变化比例与第一元素的变化比例基本一致。由此，可以将不同的元素绑定为关联整体关联显示在页面中，并且响应于一个元素的缩放，另一个元素可以实现等比缩放。

Page display method, device, electronic device and storage medium

The invention discloses a page display method, a device, an electronic device and a storage medium. Among them, the first element of the page style design information based on the set of second elements of style, to the second elements and the first element binding for the association overall, correlation displayed on the page; in response to the change of the first zoom elements, second elements to set the location and / or size, make change in the ratio of change in the ratio of second element reset the first element is consistent with. In this way, different elements can be bound to the association, and the overall association is displayed in the page, and in response to the scaling of one element, another element can be scaled.

【技术实现步骤摘要】
页面显示方法、装置、电子设备以及存储介质
本专利技术涉及页面显示
，特别是涉及一种页面显示方法、装置、电子设备以及存储介质。
技术介绍
随着互联网的不断普及与发展，基于页面浏览信息逐渐成为人们获取信息的主要方式。目前供用户浏览的页面可以显示文字、图片、视频等多种类型的内容，以充分满足用户的浏览需求。以页面中显示的图片为例，页面显示的图片中可以具有图形元素和文字元素，由于页面中的图片大部分是位图，位图的分辨率随着尺寸的变化而变化，因此在将图片放大时，图片本身具有的文字元素会随之放大造成失真，给用户一种页面粗糙的感觉，降低用户的浏览体验。为了避免这种情况的发生，对于需要与图片关联显示的文字，例如需要嵌入在图片中进行显示的文字，可以利用CSS(层叠样式表)将需要与图片关联显示的文字插入图片中，即可以通过代码实现文字和图片的关联显示，由于文字是基于代码布局在页面中的，因此在图片缩放时，不会出现由于文字失真而造成的页面粗糙感。但是这种情况下如何使得图片缩放时，基于图片布局的文字也能随着图片进行比例一致的缩放，是目前面临的主要问题。
技术实现思路
本专利技术的主要目的在于提供一种能够页面显示方本文档来自技高网...

【技术保护点】
一种页面显示方法，包括：基于页面中第一元素的样式设计信息，设定第二元素的样式，以将所述第二元素与所述第一元素绑定为关联整体，关联显示在所述页面中；以及响应于所述第一元素的缩放变化，重新设定所述第二元素的位置和/或尺寸，使得重新设定后的第二元素的变化比例与所述第一元素的变化比例基本一致。

【技术特征摘要】
1.一种页面显示方法，包括：基于页面中第一元素的样式设计信息，设定第二元素的样式，以将所述第二元素与所述第一元素绑定为关联整体，关联显示在所述页面中；以及响应于所述第一元素的缩放变化，重新设定所述第二元素的位置和/或尺寸，使得重新设定后的第二元素的变化比例与所述第一元素的变化比例基本一致。2.根据权利要求1所述的页面显示方法，其中，所述第一元素的尺寸是以屏幕宽度为自变量设定的，所述重新设定所述第二元素的位置和/或尺寸的步骤包括：以所述第一元素为参考基准、所述屏幕宽度为自变量设定所述第二元素相对于所述第一元素的位置信息，以使得响应于所述第一元素的缩放变化，所述第二元素相对于所述第一元素的相对位置比例关系基本不变。3.根据权利要求2所述的页面显示方法，其中，所述页面中具有多个所述第二元素，多个所述第二元素之间具有预定的层级关系，子节点对应的第二元素的尺寸是以其父节点对应的第二元素的尺寸为基准单位设置的，所述重新设定所述第二元素的位置和/或尺寸的步骤包括：根据所述第一元素的缩放比例，重新设定父节点对应的第二元素的尺寸，以使得重新设定后的第二元素的尺寸与所述第一元素的缩放比例基本一致。4.根据权利要求2所述的页面显示方法，其中，所述页面的页面文件中设有一个或多个针对不同屏幕宽度或屏幕宽度范围的样式设计，所述重新设定所述第二元素的位置和/或尺寸的步骤还包括：响应于所述第一元素的缩放变化，从所述一个或多个样式设计中选取与当前屏幕宽度接近的样式设计；基于选取的样式设计重新设定所述第二元素的尺寸。5.根据权利要求4所述的页面显示方法，其中，所述页面中具有多个所述第二元素，多个所述第二元素之间具有预定的层级关系，子节点的第二元素的尺寸是以其父节点的第二元素的尺寸为基准单位设置的，所述重新设定所述第二元素的位置和/或尺寸的步骤还包括：响应于所述第一元素的缩放变化执行完毕，根据所述第一元素的缩放比例，重新设定父节点的第二元素的尺寸，以使得重新设定后的第二元素的尺寸与所述第一元素的缩放比例基本一致。6.根据权利要求1至5中任何一项所述的页面显示方法，其中，所述第一元素为分辨率不随显示尺寸变化而变化的元素，或者为分辨率随显示尺寸变化而变化的元素，所述第二元素为分辨率不随显示尺寸变化而变化的元素。7.一种页面...

【专利技术属性】
技术研发人员：熊正祥，
申请(专利权)人：广东神马搜索科技有限公司，
类型：发明
国别省市：广东,44