[发明专利]网页适配方法、装置和系统、设备

权利要求书

1.一种网页适配方法，其特征在于，包括：

获取网页模板中编辑区域的区域比例和显示屏幕的屏幕比例；

在对比所述区域比例和所述屏幕比例后确定所述显示屏幕过宽的情况下，调整所述网页模板中编辑区域的多个坐标值，以使所述网页模板中编辑区域在虚拟网页模板框架与所述屏幕比例对应的情况下完全显示；

适配所述网页模板于所述显示屏幕。

2.如权利要求1所述的方法，其特征在于，所述调整所述网页模板中编辑区域的多个坐标值，以使所述网页模板中编辑区域在虚拟网页模板框架与所述屏幕比例对应的情况下完全显示，包括：

调整所述虚拟网页模板框架的坐标宽度与所述网页模板的坐标宽度适配；

在所述虚拟网页模板框架的坐标宽度与所述网页模板的坐标宽度适配的情况下，计算与所述屏幕比例对应的虚拟网页模板框架的坐标长度；

计算所述虚拟网页模板框架的坐标长度与所述网页模板的坐标长度的商值，并根据商值确定缩小比例；

按所述缩小比例调整所述网页模板获得缩小网页模板，以使所述网页模板中编辑区域在虚拟网页模板框架与所述屏幕比例对应的情况下完全显示。

3.如权利要求2所述的方法，其特征在于，在适配所述网页模板于所述显示屏幕之前还包括：调整所述网页模板中编辑区域的多个坐标值，以使所述网页模板中编辑区域于所述屏幕比例对应的虚拟网页模板框架中居中显示；

所述调整所述网页模板中编辑区域的多个坐标值进一步包括：

根据所述缩小网页模板的宽度以及所述虚拟网页模板框架的宽度，确定所述缩小网页模板的横向偏移量，该横向偏移量可使所述缩小网页模板于所述虚拟网页模板框架中居中显示；

维持所述缩小网页模板中编辑区域的纵坐标不变，根据所述横向偏移量调整所述网页模板的位置。

4.如权利要求3所述的方法，其特征在于，所述网页模板还包括背景区域，所述背景区域用于插入背景图像；

所述编辑区域为所述背景区域的子集，所述编辑区域位于所述背景区域之上，且，所述编辑区域与所述背景区域分离；

则按所述缩小比例调整所述网页模板获得缩小网页模板，包括：

按所述缩小比例调整所述网页模板中背景区域和编辑区域；则在所述获得调整后网页模板之前还包括：维持所述缩小网页模板中背景区域和编辑区域的纵坐标不变、横坐标增加所述横向偏移量。

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

在对比所述区域比例和所述屏幕比例后确定所述显示屏幕过长的情况下，调整所述网页模板中编辑区域的多个坐标值，以使所述网页模板中编辑区域于所述屏幕比例对应的虚拟网页模板框架中居中显示；

则所述调整所述网页模板中编辑区域的多个坐标值进一步包括：

调整所述虚拟网页模板框架的坐标宽度与所述网页模板的坐标宽度适配；

在所述虚拟网页模板框架的坐标宽度与所述网页模板的坐标宽度适配的情况下，计算与所述屏幕比例对应的虚拟网页模板框架的坐标长度，基于所述坐标宽度和坐标长度确定所述网页模板中编辑区域的横坐标和纵坐标；

确定所述网页模板的纵向偏移量，该纵向偏移量可使所述网页模板于所述虚拟网页模板框架中居中显示；

维持所述网页模板中编辑区域的横坐标不变、纵坐标增加所述纵向偏移量，获得调整后网页模板。

6.如权利要求5所述的方法，其特征在于，所述网页模板还包括背景区域，所述背景区域用于插入背景图像；

所述编辑区域为所述背景区域的子集，所述编辑区域位于所述背景区域之上，且，所述编辑区域与所述背景区域分离；

则在获得调整后网页模板之前还包括：

维持所述网页模板中背景区域的横坐标不变、纵坐标增加所述纵向偏移量。

7.如权利要求1所述的方法，其特征在于，所述适配所述网页模块于所述显示屏幕，包括：

适配所述网页模块于所述显示屏幕，以使所述编辑区域的坐标长度转换后的像素长度与所述显示屏幕的像素长度一致；

或者，

适配所述网页模块于所述显示屏幕，以使所述编辑区域的坐标宽度转换后的像素宽度与所述显示屏幕的像素宽度一致。