【技术实现步骤摘要】
本专利技术涉及网页设计领域，尤其涉及一种页面布局自适应方法及装置。
技术介绍
电子地图网站的主要功能，在于将用户关心的信息结合地图的方式展现出来，以 更直观的方式为用户提供诸如购物、交通出行等生活信息服务。但是，在显示地图页面时， 经常会遇到同一个地图页面，在不同分辨率的显示器中、不同大小浏览器窗口中以及不同 类型浏览器中，显示的地图页面效果不同的情况，因此，如何实现地图页面的自适应，即如 何将同一个地图页面在不同分辨率的显示器中、不同大小的浏览器窗口中以及不同类型的 浏览器中，显示相同的地图页面效果，成为衡量该地图网站质量好坏的重要指标。目前较通用的实现页面布局自适应的方法，主要是通过调整页面元素的百分比相 对高度和宽度实现，该种方案包括当元素的父元素高度和宽度属性发生变化时，其相应属 性的绝对值也跟着变化，同时，保留页面级别的滚动条，以保证浏览器的窗口大小发生变化 时页面元素不至于发生变形而导致布局混乱。但是，在专利技术人实施上述方案时，由于页面中存在页面级的滚动条，地图大小不能 自动伸缩，当窗口变小时，不能与之前窗口显示相同的内容，用户必须要手动滑动滚动...
【技术保护点】
一种页面布局自适应方法，其特征在于，包括：获取屏幕显示参数，所述屏幕显示参数为以下参数中的至少一个参数，该参数包括：屏幕分辨率、浏览器的窗口大小以及用户当前使用浏览器的类型；根据所述屏幕显示参数获取当前页面的页面文档的高度和宽度；根据所述页面文档的高度和宽度以及所述页面文档中固定区域的高度和宽度，设置所述页面文档中可变区域的高度和宽度；调整所述页面文档中固定区域的位置。
【技术特征摘要】
一种页面布局自适应方法，其特征在于，包括获取屏幕显示参数，所述屏幕显示参数为以下参数中的至少一个参数，该参数包括屏幕分辨率、浏览器的窗口大小以及用户当前使用浏览器的类型；根据所述屏幕显示参数获取当前页面的页面文档的高度和宽度；根据所述页面文档的高度和宽度以及所述页面文档中固定区域的高度和宽度，设置所述页面文档中可变区域的高度和宽度；调整所述页面文档中固定区域的位置。2.根据权利要求1所述的方法，其特征在于，当所述屏幕显示参数中包含屏幕分辨率 时，所述根据所述屏幕显示参数获取当前页面的页面文档的高度和宽度，包括根据所述屏幕显示参数计算所述当前浏览器窗口的高度和宽度； 获取所述当前浏览器窗口中地址栏、菜单栏和状态栏的高度之和、宽度之和； 将所述当前浏览器窗口的高度和宽度分别减去所述高度之和、所述宽度之和，得到所 述页面文档的高度和宽度。3.根据权利要求1所述的方法，其特征在于，当所述屏幕显示参数中包含浏览器的窗 口大小时，所述根据所述屏幕显示参数获取当前页面的页面文档的高度和宽度，包括获取所述当前浏览器窗口中地址栏、菜单栏和状态栏的高度之和、宽度之和； 将所述当前浏览器窗口的高度和宽度分别减去所述高度之和、所述宽度之和，得到所 述页面文档的高度和宽度。4.根据权利要求1所述的方法，其特征在于，当所述屏幕显示参数中包括所述用户当 前使用浏览器的类型时，所述根据所述屏幕显示参数获取当前页面的页面文档的高度和宽 度，包括根据所述浏览器的类型确定与所述浏览器的类型对应的页面布局中所包含元素的样 式参数；根据所述元素的样式参数获取当前页面的页面文档的高度和宽度。5.根据权利要求1所述的方法，其特征在于，所述根据所述页面文档的高度和宽度以 及所述页面文档中固定区域的高度和宽度，设置所述页面文档中可变区域的高度和宽度， 包括获取所述页面文档中固定区域的高度和宽度；将所述页面文档的高度和宽度分别减去所述页面文档中固定区域的高度和宽度，得到 所述页面文档中可变区域的高度和宽度；按照所述得到所述页面文档中可变区域的高度和宽度，设置所述页面文档中可变区域 的高度和宽度。6. 一种页面布局自适应装置，其特征在于，包括第一获取单元，用于获取屏幕显示参数，所述屏幕显示参数为以下参数中的至少一个 参数，该参数包...
【专利技术属性】
技术研发人员：蒋晟，薛明，郑小华，
申请(专利权)人：北京世纪高通科技有限公司，
类型：发明
国别省市：11[中国|北京]
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。