[发明专利]页面布局方法及装置

权利要求书

1.一种页面布局方法，其特征在于，包括：

通过层叠样式表的媒体查询器获取页面的可见区域的宽度；

在所述页面中的目标对象的宽度与所述可见区域的宽度不匹配的情况下，通过所述层叠样式表调整所述目标对象的宽度，以使所述目标对象的宽度与所述可见区域的宽度相匹配。

2.根据权利要求1所述的方法，其特征在于，通过所述层叠样式表调整所述目标对象的宽度，包括：

获取与所述可见区域的宽度相匹配的所述目标对象的目标宽度；

通过所述层叠样式表将所述目标对象的宽度逐渐调整至所述目标宽度，其中，调整所述目标对象的宽度的持续时间等于第一时长。

3.根据权利要求2所述的方法，其特征在于，通过所述层叠样式表将所述目标对象的宽度逐渐调整至所述目标宽度，包括：

在所述第一时长内，通过所述层叠样式表将所述目标对象的宽度匀速调整至所述目标宽度。

4.根据权利要求2所述的方法，其特征在于，获取与所述可见区域的宽度相匹配的所述目标对象的目标宽度，包括：

确定所述可见区域的宽度所属的宽度区间；

获取与所述宽度区间对应的所述目标对象的目标宽度，并将与所述宽度区间对应的所述目标对象的目标宽度作为与所述可见区域的宽度相匹配的所述目标对象的目标宽度。

5.根据权利要求1所述的方法，其特征在于，所述方法还包括：

在所述目标对象的宽度与所述可见区域的宽度不匹配的情况下，通过所述层叠样式表调整所述目标对象的高度，以使所述目标对象的高度与所述可见区域的宽度相匹配。

6.一种页面布局装置，其特征在于，包括：

第一获取模块，用于通过层叠样式表的媒体查询器获取页面的可见区域的宽度；

第一调整模块，用于在所述页面中的目标对象的宽度与所述可见区域的宽度不匹配的情况下，通过所述层叠样式表调整所述目标对象的宽度，以使所述目标对象的宽度与所述可见区域的宽度相匹配。

7.根据权利要求6所述的装置，其特征在于，所述第一调整模块包括：

获取子模块，用于获取与所述可见区域的宽度相匹配的所述目标对象的目标宽度；

调整子模块，用于通过所述层叠样式表将所述目标对象的宽度逐渐调整至所述目标宽度，其中，调整所述目标对象的宽度的持续时间等于第一时长。

8.根据权利要求7所述的装置，其特征在于，所述调整子模块用于：

在所述第一时长内，通过所述层叠样式表将所述目标对象的宽度匀速调整至所述目标宽度。

9.根据权利要求7所述的装置，其特征在于，所述获取子模块包括：

宽度区间确定子模块，用于确定所述可见区域的宽度所属的宽度区间；

目标宽度获取子模块，用于获取与所述宽度区间对应的所述目标对象的目标宽度，并将与所述宽度区间对应的所述目标对象的目标宽度作为与所述可见区域的宽度相匹配的所述目标对象的目标宽度。

10.根据权利要求6所述的装置，其特征在于，所述装置还包括：

第二调整模块，用于在所述目标对象的宽度与所述可见区域的宽度不匹配的情况下，通过所述层叠样式表调整所述目标对象的高度，以使所述目标对象的高度与所述可见区域的宽度相匹配。

11.一种页面布局装置，其特征在于，包括：

处理器；

用于存储处理器可执行指令的存储器；

其中，所述处理器被配置为执行权利要求1至5中任意一项所述的方法。

12.一种非易失性计算机可读存储介质，其上存储有计算机程序指令，其特征在于，所述计算机程序指令被处理器执行时实现权利要求1至5中任意一项所述的方法。