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

说明书

技术领域

本发明涉及网站页面转码技术领域，特别涉及一种网页自适应布局方法及装置。

背景技术

现如今，移动终端越来越普及，但是现在桌面设备仍占有不少的用户比例，因此目前互联网中的大部分网页还是针对桌面设备设计的。因此需要对原网页的组织结构及网页的样式进行修改，使网页转换后可以普遍适用于各种移动终端。

现有的技术主要是通过将一个桌面设备的网页转换成一个适应于移动设备的固定的网页，因此至少存在以下问题：

（1）网页宽度只能适应一种屏幕大小的移动终端，不能普遍适应；

（2）网页布局不能够自动调整，无法根据终端屏幕的改变而进行相应的动态的改变。

发明内容

本发明旨在至少解决上述技术问题之一。

为此，本发明的第一个目的在于提出一种网页自适应布局方法。

本发明的第二个目的在于提出一种网页自适应布局装置。

为了实现上述目的，根据本发明的第一方面实施例的网页自适应布局方法包括以下步骤：将web网页的宽度调整为适应多个移动终端屏幕的宽度；将所述web网页的字体大小修改为适应所述多个移动终端屏幕的字体大小；以及使得所述web网页上不同的分块可以滑动。

根据本发明实施例的网页自适应布局方法，通过设定屏幕宽度与字体大小能够自动适应屏幕，使得网页能够适应于各种移动终端，提高了网页的适用性并增强了用户的体验感。

为实现上述目的，本发明第二方面的实施例的网页自适应布局装置包括：宽度调整模块，所述宽度调整模块用于将web网页的宽度调整为适应多个手机屏幕的宽度；字体调整模块，字体调整模块用于将所述web网页的字体大小修改为适应所述多个手机屏幕的字体大小；以及滑动模块，所述滑动模块用于使得所述web网页上不同的分块可以滑动。

根据本发明实施例的网页自适应布局装置，通过宽度调整模块字体调整模块以及滑动模块使网页布局能够自动适应移动终端的大小，提高了网页的适用性并增强了用户的体验感。

本发明的附加方面和优点将在下面的描述中部分给出，部分将从下面的描述中变得明显，或通过本发明的实践了解到。

附图说明

本发明上述的和/或附加的方面和优点从下面结合附图对实施例的描述中将变得明显和容易理解，其中：

图1为根据本发明一个实施例的一种网页自适应布局方法的流程图；

图2为根据本发明一个实施例的一种网页自适应布局方法的流程图；

图3为根据本发明一个实施例的一种网页自适应布局方法的流程图；

图4为根据本发明一个实施例的网页自适应布局装置的结构示意图；

图5为根据本发明一个实施例的网页自适应布局装置的结构示意图；以及

图6为根据本发明一个实施例的网页自适应布局装置的结构示意图。

具体实施方式

下面详细描述本发明的实施例，所述实施例的示例在附图中示出，其中自始至终相同或类似的标号表示相同或类似的元件或具有相同或类似功能的元件。下面通过参考附图描述的实施例是示例性的，仅用于解释本发明，而不能解释为对本发明的限制。

参照下面的描述和附图，将清楚本发明的实施例的这些和其他方面。在这些描述和附图中，具体公开了本发明的实施例中的一些特定实施方式，来表示实施本发明的实施例的原理的一些方式，但是应当理解，本发明的实施例的范围不受此限制。相反，本发明的实施例包括落入所附加权利要求书的精神和内涵范围内的所有变化、修改和等同物。

下面参考说明书附图描述根据本发明实施例的网页自适应布局方法。

一种网页自适应布局方法，包括以下步骤：将web网页的宽度调整为适应多个移动终端屏幕的宽度；将web网页的字体大小修改为适应多个移动终端屏幕的字体大小；以及使得web网页上不同的分块可以滑动。。

图1为本发明一个实施例的网页自适应布局方法的流程图。

如图1所示，根据本发明实施例的网页自适应布局方法包括下述步骤。

步骤S101：将web网页的宽度调整为适应多个移动终端屏幕的宽度。

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