买专利卖专利找龙图腾，真高效！ 查专利查商标用IPTOP,全免费！专利年费监控用IP管家,真方便！

龙图腾网获悉北京云梦智能科技有限公司申请的专利一种HTML网页中基于绝对定位的响应式布局方法获国家发明授权专利权，本发明授权专利权由国家知识产权局授予，授权公告号为：CN115098096B 。

龙图腾网通过国家知识产权局官网在2025-10-21发布的发明授权授权公告中获悉：该发明授权的专利申请号/专利号为：202210549958.0，技术领域涉及：G06F8/38；该发明授权一种HTML网页中基于绝对定位的响应式布局方法是由姜孝鹏;陈振东;谢奥设计研发完成，并于2022-05-20向国家知识产权局提交的专利申请。

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

本发明授权一种HTML网页中基于绝对定位的响应式布局方法在权利要求书中公布了：1.一种HTML网页中基于绝对定位的响应式布局方法，其特征在于，具体按以下步骤执行： S1:首先浏览器页面加载时，获取当前页面中全部元素的初始坐标，以及元素的宽高，对应的ControlType，其中每个元素有各自预设的ControlType来标识其控件类型，不同的ControlType会映射不同的Adjuster以区分其各自的布局行为； S2:ControlInfo类是定义的一个class，包括坐标、宽高、父级、ControlType、Adjuster属性，BaseAdjuster类是定义的一个class，包括元素宽度变更时、宽高的调整行为，宽度达到最小缩放比例换行行为，换行后的宽高的调整行为；布局信息计算完毕后调整元素样式的行为，将全部元素的信息初始化为ControlInfo，包括坐标、宽高、父级；并根据元素的类型，寻找是否有预设的Adjuster，若无预设的Adjuster，则取默认的BaseAdjuster，具体包括元素宽度变更时，宽高的调整行为； S3:根据元素的层级关系，确定其所属的父级，将父元素相同的ControlInfo类汇总； S4:待所有ControlInfo类的信息初始化完毕后，根据其坐标宽高信息计算其在页面中的二维位置是否有交集，若有交集且属于同一个父级，则将这些ControlInfo集合添加到新RowInfo； S5:RowInfo根据其中的ControlInfo，计算出该RowInfo的坐标宽高，随后根据计算出来的坐标位置，Y轴坐标从小到大确认其PrevRow，以及NextRow； S6:向页面注入resize事件，以及设置ajaxSetup的complete回调事件，当页面大小变更，或者调用接口修改页面元素时触发响应式布局方法； S7:当响应式布局方法被触发时，根据各个ControlInfo的层级，从低到高，Y坐标从小到大，开始计算各个ControlInfo其宽度相对于父级ControlInfo宽度的百分比，结合各个类型的ControlInfo各自最小缩放比例，确定当前页面宽度下，其RowInfo的最小宽度阈值； S8:当触及阈值时，则让各个ControlInfo换行显示，并重新计算宽度；当子级ControlInfo高度或者Y坐标发生改变时，同时向上冒泡触发事件，让父级ControlInfo的高度也一并撑高，并且让父级RowInfo的NextRow的Y坐标同时向下平移对应的大小； S9:当全部的ControlInfo布局信息计算完毕后，各自映射的Adjuster则对其实际的页面元素开始进行样式调整，重新渲染器布局以及样式； S10:当全部样式渲染完毕后，获取重新生成后页面元素的总高度，随即重新设置页面的高度.至此，页面布局调整完毕。

如需购买、转让、实施、许可或投资类似专利技术，可联系本专利的申请人或专利权人北京云梦智能科技有限公司，其通讯地址为：100102 北京市朝阳区望京soho T1 B座2606；或者联系龙图腾网官方客服，联系龙图腾网可拨打电话0551-65771310或微信搜索“龙图腾网”。

以上内容由龙图腾AI智能生成。