[发明专利]一种网页自适应布局方法及装置

权利要求书

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

将web网页的宽度调整为适应多个移动终端屏幕的宽度；

将所述web网页的字体大小修改为适应所述多个移动终端屏幕的字体大小；以及

使得所述web网页上不同的分块可以滑动。

2.根据权利要求1所述的方法，其特征在于，进一步包括步骤：

根据所述多个移动终端屏幕的大小加载不同的css文件。

3.根据权利要求1或2所述的方法，其特征在于，进一步包括步骤：

在所述不同的css文件中设置max-width属性以改变图片的大小。

4.根据权利要求1至3中任一项所述的方法，其特征在于，所述多个移动终端屏幕的宽度包括小于等于320px，320-480px，480-800px，大于等于800px。

5.根据权利要求1至3中任一项所述的方法，其特征在于，使得所述web网页上不同的分块可以滑动的步骤包括：

对所述web网页上不同的分块加上float属性；以及

删除固定位置信息。

6.根据权利要求1至3中任一项所述的方法，其特征在于，将web网页的宽度调整为适应多个移动终端屏幕的宽度的步骤包括：

将所述web网页中以**px为单位的宽度按照预定规则替换成**%或替换成自动宽度。

7.根据权利要求1至3中任一项所述的方法，其特征在于，将所述web网页的字体大小修改为适应所述多个手机屏幕的字体大小的步骤包括：

删除所述web网页中“font-size:**px”;

计算所述web网页的基准大小并将所述基准大小设置在body中；以及

将所述web网页的其余部分的大小通过“font-size:**em”进行修改。

8.一种网页自适应布局装置，其特征在于，包括：

宽度调整模块，所述宽度调整模块用于将web网页的宽度调整为适应多个手机屏幕的宽度；

字体调整模块，字体调整模块用于将所述web网页的字体大小修改为适应所述多个手机屏幕的字体大小；以及

滑动模块，所述滑动模块用于使得所述web网页上不同的分块可以滑动。

9.根据权利要求8所述的装置，其特征在于，进一步包括：

加载模块，所述加载模块用于根据所述多个移动终端屏幕的大小加载不同的css文件。

10.根据权利要求8或9所述的装置，其特征在于，进一步包括：

设置模块，所述设置模块用于在所述不同的css文件中设置max-width属性以改变图片的大小。

11.根据权利要求8至10中任一项所述的装置，其特征在于，所述多个手机屏幕的宽度包括小于等于320px，320-480px，480-800px，大于等于800px。

12.根据权利要求8至10中任一项所述的装置，其特征在于，所述滑动模块用于：

对所述web网页上不同的分块加上float属性；以及

删除固定位置信息。

13.根据权利要求8至10中任一项所述的装置，其特征在于，所述宽度调整模块用于：

将所述web网页中以**px为单位的宽度按照预定规则替换成**%或替换成自动宽度。

14.根据权利要求8至10中任一项所述的装置，其特征在于，所述字体调整模块用于：

删除所述web网页中“font-size:**px”;

计算所述web网页的基准大小并将所述基准大小设置在body中；以及

将所述web网页的其余部分的大小通过“font-size:**em”进行修改。