[发明专利]一种页面高度自适应的方法及装置

说明书

本发明公开了一种页面高度自适应的方法及装置，涉及计算机视图领域，解决了无法在各种浏览器中实现页面高度自适应的问题。本发明的方法包括：为需要高度自适应的文档对象模型元素设置自定义属性；为所述自定义属性分配相应的属性值；根据所述属性值计算所述高度自适应的文档对象模型元素的高度。本发明主要用于在各种浏览器中自适应调整页面高度。

技术领域

本发明涉及计算机视图领域，特别是涉及一种页面高度自适应的方法及装置。

背景技术

随着移动终端越来越普及，需要使原有的针对台式机的互联网网页能够适用于移动终端各种尺寸的屏幕，达到自动占满浏览器的高度和宽度以便将网页进行直观展示。为了达到上述目的，目前已经提出许多网页高度自适应技术，其主要实现方式有两种：1、使用CSS高度百分比实现网页高度自适应；2、使用CSS绝对布局实现网页高度自适应。

虽然上述两种方式能够在一定程度上满足网页高度适应屏幕尺寸的需求，但是还会存在一些缺陷。例如：在使用CSS高度百分比实现网页高度自适应的方式中，通过设置页面中每个部分占据浏览器可视区域的百分比，设置后的网页高度只能适应一种屏幕大小的移动终端，当网页中部分元素高度固定，部分元素高度不固定时，无法通过设置高度百分比来适应各种屏幕大小的移动终端；而在使用CSS绝对布局实现网页高度自适应的方式中，虽然能够解决使用CSS高度百分比的方式存在的问题，但是该方式只能兼容Chrome浏览器、Firefox浏览器和IE9以上的浏览器。

发明内容

有鉴于此，本发明提出了一种页面高度自适应的方法及装置，主要目的在于解决无法在各种浏览器中实现页面高度自适应的问题。

依据本发明的第一个方面，本发明提出了一种页面高度自适应的方法，包括：

为需要高度自适应的文档对象模型元素设置自定义属性；

为自定义属性分配相应的属性值；

根据属性值计算高度自适应的文档对象模型元素的高度。

依据本发明的第二个方面，本发明提出了一种页面高度自适应的装置，包括：

设置单元，用于为需要高度自适应的文档对象模型元素设置自定义属性；

分配单元，用于为设置单元设置的自定义属性分配相应的属性值；

计算单元，用于根据分配单元分配的属性值计算高度自适应的文档对象模型元素的高度。

借由上述技术方案，本发明实施例提供的页面高度自适应的方法及装置，能够为需要高度自适应的文档对象模型元素设置自定义属性，该自定义属性区别于现有技术中文档对象模型元素固定的高度属性，并根据页面可视区域的高度为所述自定义属性分配相应的代表文档对象模型元素高度的属性值，根据所述属性值动态计算高度自适应的文档对象模型元素的高度。与现有技术中使用CSS绝对布局实现网页高度自适应的方式存在的兼容性缺陷相比，本发明能够通过自定义属性动态分配和计算需要高度自适应的文档对象模型元素的高度，适应多种分辨率和多种类型的浏览器，解决了部分文档对象模型元素高度固定时，另一部分需要高度自适应的文档对象模型元素的高度百分比无法确定的问题。

上述说明仅是本发明技术方案的概述，为了能够更清楚了解本发明的技术手段，而可依照说明书的内容予以实施，并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂，以下特举本发明的具体实施方式。

附图说明

通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是对本发明的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中：

图1示出了本发明实施例提供的一种页面高度自适应的方法的流程图；