[发明专利]一种页面网格调整方法、装置、计算机设备和存储介质

说明书

本公开提供了一种页面网格调整方法、装置、计算机设备和存储介质，其中，该方法包括：获取待渲染的页面内容，并在目标页面对应的各个预设页面网格中，进行对应页面内容的渲染展示；响应于网格自适应调整功能的启动触发操作，基于位于各个预设页面网格内的展示页面内容，确定未被展示完全的目标页面内容对应的第一预设页面网格；基于目标页面内容对第一预设页面网格进行自适应调整，并按照调整后的第一预设页面网格对目标页面内容进行完整渲染并展示。

技术领域

本公开涉及前端页面技术领域，具体而言，涉及一种页面网格调整方法、装置、计算机设备和存储介质。

背景技术

在进行目标页面设计时，如何合理地进行页面布局是一个关键问题，现有技术中，通常使用Grid网格技术进行页面布局，以保证页面布局的合理性。但在利用Grid网格技术完成页面布局之后，目标页面对应的用于展示渲染内容的各个预设页面网格的大小也将被固定。

如果需要在预设页面网格中进行动态内容渲染，常常会造成部分动态内容无法在预设页面网格中完全展示的问题，进而影响了页面渲染的效果和目标页面的可读性。

发明内容

本公开实施例至少提供一种页面网格调整方法、装置、计算机设备和存储介质。

第一方面，本公开实施例提供了一种页面网格调整方法，包括：

获取待渲染的页面内容，并在目标页面对应的各个预设页面网格中，进行对应页面内容的渲染展示；

响应于网格自适应调整功能的启动触发操作，基于位于各个预设页面网格内的展示页面内容，确定未被展示完全的目标页面内容对应的第一预设页面网格；

基于所述目标页面内容对所述第一预设页面网格进行自适应调整，并按照调整后的第一预设页面网格对目标页面内容进行完整渲染并展示。

在一种可能的实施方式中，所述基于所述目标页面内容对所述第一预设页面网格进行自适应调整，包括：

基于所述目标页面内容，确定所述第一预设页面网格对应的调整后的网格尺寸信息；

基于所述第一预设页面网格对应的调整后的网格尺寸信息，对所述第一预设页面网格的尺寸进行调整，并对与所述第一预设页面网格存在位置关联的其它预设页面网格的位置进行调整。

在一种可能的实施方式中，按照调整后的第一预设页面网格对目标页面内容进行完整渲染并展示之后，还包括：

响应于针对所述调整后的目标页面中的第二预设页面网格的位置调整操作，基于所述第二预设页面网格移动后所在的目标位置，对与所述第二预设页面网格存在位置关联的其它预设页面网格的位置进行调整。

在一种可能的实施方式中，所述响应于针对所述调整后的目标页面中的第二预设页面网格的位置调整操作，基于所述第二预设页面网格移动后所在的目标位置，对与所述第二预设页面网格存在位置关联的其它预设页面网格的位置进行调整，包括：

响应于针对所述调整后的目标页面中的第二预设页面网格的位置调整操作，将所述调整后的目标页面中的各个预设页面网格的网格高度调整为预设高度；

判断所述第二预设页面网格移动后所在的所述目标位置处，是否存在至少一个调整为所述预设高度的第三预设页面网格，若存在，则将至少一个第三预设页面网格移出所述目标位置，并将所述第三预设页面网格移动后所在的位置作为新的所述目标位置；

返回判断在所述目标位置处是否存在至少一个调整为所述预设高度的第三预设页面网格的步骤，直到在所述目标位置处不存在第三预设页面网格；

将各个所述预设页面网格的网格高度从所述预设高度还原调整前的高度。

在一种可能的实施方式中，所述待渲染的页面内容包括预先划分好的多个目标页面内容以及每个所述目标页面内容对应的网格标识；