一种HTML网页中基于绝对定位的响应式布局方法

摘要

本发明公开了一种HTML网页中基于绝对定位的响应式布局方法，首先浏览器页面加载时,获取当前页面中全部元素的初始坐标,以及元素的宽高,对应的ControlType；将全部元素的信息初始化为ControlInfo，根据元素的层级关系,确定其所属的父级,将父元素相同的ControlInfo类汇总；待所有ControlInfo类的信息初始化；RowInfo根据其中的ControlInfo,计算出该RowInfo类的坐标/宽高；当响应式布局方法方法被触发时,开始计算各个ControlInfo其宽度相对于父级ControlInfo宽度的百分比；当触及阈值时,则让各个ControlInfo换行显示,并重新计算宽度；当全部的ControlInfo布局信息计算完毕后,各自映射的Adjuster则对其实际的页面元素开始进行样式调整。本发明适合已是绝对布局的网站在不进行大重构的情况下实现响应式效果。