[发明专利]网页响应式布局方法

权利要求书

1.一种网页响应式布局方法，其特征在于，包括以下步骤：

获取用户发送的网页访问请求，并根据所述网页访问请求向所述用户的浏览设备发送相应的网页文件，其中，所述网页文件中包含所述网页对应的布局计算模块代码和布局约束数据；所述布局约束数据包括多个数组，每个所述数组包括多个数组子元素，以通过数组子元素描述网页中相应视觉元素的约束条件；所述视觉元素的约束条件包括数组子元素对应的浏览设备特征信息、数组子元素对应的视觉元素唯一标识、视觉元素的尺寸信息、视觉元素不参与布局计算时的位置信息；

所述浏览设备获取所述网页文件，并执行所述布局计算模块代码，以启动布局计算模块；

通过所述布局计算模块根据所述浏览设备的尺寸信息和所述布局约束数据进行布局计算，以得到所述浏览设备对应的布局位置信息；

根据所述布局位置信息对网页显示进行更新；

其中，所述视觉元素的父子层级关系通过树状数据结构表达；

所述通过所述布局计算模块根据所述浏览设备的尺寸信息和所述布局约束数据进行布局计算，包括：

根据所述浏览设备的尺寸信息获取相应的布局约束数据；

根据所述树状数据结构遍历视觉元素，以根据相应的布局约束数据计算每个父元素下所有子元素的位置信息。

2.如权利要求1所述的网页响应式布局方法，其特征在于，所述视觉元素包括容器视觉元素和子视觉元素，其中，所述容器视觉元素用于承载所述子视觉元素。

3.如权利要求2所述的网页响应式布局方法，其特征在于，所述布局约束数据还包括容器视觉元素对于子视觉元素的承载方式、所述子视觉元素在容器视觉元素上的对齐方式、所述子视觉元素尺寸变化时的伸缩信息、所述子视觉元素被排版时的排序。

4.一种计算机可读存储介质，其特征在于，其上存储有网页响应式布局程序，该网页响应式布局程序被处理器执行时实现如权利要求1-3中任一项所述的网页响应式布局方法。

5.一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，其特征在于，所述处理器执行所述程序时，实现如权利要求1-3中任一项所述的网页响应式布局方法。