[发明专利]网页处理方法及装置

说明书

本发明公开了一种网页处理方法及装置，可以根据网页最小显示比例及第一属性的尺寸参量，确定第一容器的尺寸参量增加值，将父容器的尺寸参量与尺寸参量增加值叠加得到后的尺寸参量作为第一容器的尺寸参量。本发明确定的第一容器的尺寸参量大于父容器的尺寸参量，可以使第一容器的尺寸参量满足网页进行缩放时各网页元素正常显示所需要的尺寸，同时又不影响父容器的尺寸，保持了父容器体现的网页背景的比例及位置。可见，本发明实现了网页在缩放时各网页元素的正常显示。

技术领域

本发明涉及网页处理技术领域，尤其涉及一种网页处理方法及装置。

背景技术

网页中常会布置多种网页元素，如图片、视频、文本等，这些网页元素都会被放在用于做网页背景的父容器中。网页编辑人员一般会为父容器设置一个宽度，为了让父容器体现的网页背景的长宽比及在网页中的位置保持不变，当网页被缩放时，父容器也会按照相同的网页显示比例进行缩放。

网页中的图片等网页元素本身也会随着网页的缩放按照相同的网页显示比例进行缩放，但当网页元素具有某种特定属性，如边框时，则该网页元素的边框无法一直随着网页的缩放按照相同的网页显示比例进行缩放，网页元素某些属性在缩放到一定程度后将无法再被缩放，例如图片边框。当网页缩放时，由于父容器按照网页显示比例缩放，而边框不再随网页缩放而缩放，这就使得不再缩放的边框所在的行需要的父容器宽度大于该父容器的实际宽度，这种情况下，该行最右侧的网页元素会移动到下一行中。这就造成了网页布局的变化，使得网页无法正常显示。

如图1所示，父容器001内设置有一行网页元素，该行网页元素分别为图片003、图片005和图片006。其中，图片005具有4个图片边框，分别为：上边框、右边框004b、下边框和左边框004a，其中，上边框和下边框为横向边框，右边框004b和左边框004a为竖向边框。父容器的宽度为352像素。图片003的宽度为100像素，图片005和图片006的宽度均为60像素，右边框004b和左边框004a的宽度均为2像素。各网页元素之间设置有一定的间隔，同时网页也具有一定的页边距，该间隔和页边距均随网页的缩放按照相同的网页显示比例进行缩放。图1中网页元素的各间隔及页边距之和为128像素。

如图2所示，当该网页缩放为原来网页的25％以后，父容器宽度为88像素；图片003的宽度为25像素，图片005和图片006的宽度为15像素，由于右边框004b和左边框004a的宽度均为2像素，在缩放为原来宽度的25％后宽度将小于1像素，因此右边框004b和左边框004a的宽度在缩小至1像素后则不再跟随网页的缩小而缩小，即网页缩放为原来网页的25％时右边框004b和左边框004a的宽度均为1像素。图1中网页元素的各间隔及页边距之和在缩放为原来的25％后为32像素。此时，这行元素正常显示需要的父容器宽度为：25+1+15+1+15+32＝89像素。但父容器宽度只有88像素，因此如图2所示(由于缩放25％后图片过小，因此图2所示图片进行了放大，图2仅做示意网页布局变化使用)，原来这行元素中最右侧的图片006将移动到下一行中，造成了网页布局的变化。

如何解决该问题仍旧是本领域技术人员一个亟待解决的技术难题。

发明内容

鉴于上述问题，提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的一种网页处理方法及装置，方案如下：

一种网页处理方法，所述方法包括：

获得当前网页所在的浏览器的网页最小显示比例、当前网页中网页元素的第一属性的尺寸参量及当前网页中父容器的尺寸参量，其中，父容器内部设置有第一容器，网页中各网页元素均设置在所述第一容器中；

根据所述网页最小显示比例及所述第一属性的尺寸参量，确定所述第一容器的尺寸参量增加值；

将所述父容器的尺寸参量与所述尺寸参量增加值叠加后得到的尺寸参量作为所述第一容器的尺寸参量。

可选的，所述尺寸参量包括初始设置宽度和/或初始设置高度，所述第一属性为：边框。