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

龙图腾网获悉北京海科融通支付服务有限公司申请的专利一种web页面布局方法、装置、设备及可读存储介质获国家发明授权专利权，本发明授权专利权由国家知识产权局授予，授权公告号为：CN118535822B 。

龙图腾网通过国家知识产权局官网在2025-07-22发布的发明授权授权公告中获悉：该发明授权的专利申请号/专利号为：202410585204.X，技术领域涉及：G06F16/958；该发明授权一种web页面布局方法、装置、设备及可读存储介质是由刘海岩;胡紫阳;秦静静设计研发完成，并于2024-05-13向国家知识产权局提交的专利申请。

本一种web页面布局方法、装置、设备及可读存储介质在说明书摘要公布了：本发明涉及一种web页面布局方法、装置、设备及可读存储介质，属于页面布局的技术领域，其方法包括：获取用户在当前页面针对目标web页面的访问请求；响应于所述访问请求，根据所述当前页面对应的浏览器的屏幕宽度尺寸、预先配置的CSS文件和HTML文件，确定所述目标web页面对应的目标页面布局和目标页面结构，其中，所述CSS文件中预先配置了不同的屏幕宽度尺寸对应的页面布局，所述HTML文件预先配置了不同的屏幕宽度尺寸对应的页面结构；根据所述目标页面布局和目标页面结构，通过所述浏览器，在当前页面显示所述目标web页面。本申请具有确保Web页面能够在各种设备和屏幕尺寸上呈现出良好的视觉效果，实现页面的自适应的效果。

本发明授权一种web页面布局方法、装置、设备及可读存储介质在权利要求书中公布了：1.一种web页面布局方法，其特征在于，包括： 获取用户在当前页面针对目标web页面的访问请求； 响应于所述访问请求，根据所述当前页面对应的浏览器的屏幕宽度尺寸、预先配置的CSS文件和HTML文件，确定所述目标web页面对应的目标页面布局和目标页面结构，其中，所述CSS文件中预先配置了不同的屏幕宽度尺寸对应的页面布局，所述HTML文件预先配置了不同的屏幕宽度尺寸对应的页面结构，所述页面布局表征了web页面中各个元素的排列和组合方式，所述页面结构表征了web页面中内容的层次关系； 根据所述目标页面布局和目标页面结构，通过所述浏览器，在当前页面显示所述目标web页面； 所述CSS文件包括不同屏幕宽度尺寸对应的全局变量、行的属性、列的属性、栅格布局方式、预设响应尺寸以及对应断点的隐藏类；所述HTML文件包括不同屏幕宽度尺寸对应元素类型、元素属性、元素层级关系或局部变量； 所述全局变量包括栅格系统每行的行的宽度、行的栅格数量、分栏之间的间隔、行的布局方式、行在flex布局模式布局方式和列的移动方式； 所述行的属性包括行的整体布局和样式； 所述列的属性包括列的整体布局和样式； 所述栅格布局方式包括普通布局、混合布局和响应式布局； 所述预设的响应尺寸以及对应断点的隐藏类为根据预设响应尺寸设置隐藏或显示特定元素的类对应的栅格； 所述元素类型表征了不同的屏幕宽度尺寸对应的页面结构； 所述元素属性表征了不同的屏幕宽度尺寸对应的元素的外观和响应方式，所述响应方式表征了元素的显示属性； 所述元素层级关系表征了不同的屏幕宽度尺寸对应元素在对应的页面结构中的层级关系； 所述局部变量包括任一行或多行的行的宽度、行的栅格数量、分栏之间的间隔、行的布局方式、行在flex布局模式布局方式和列的移动方式； 所述根据所述当前页面对应的浏览器的屏幕宽度尺寸、预先配置的CSS文件和HTML文件，确定所述目标web页面对应的目标页面布局和目标页面结构，包括： 检测所述HTML文件中是否存在局部变量； 若所述HTML文件中存在局部变量，则基于预设的局部变量的优先级，将所述局部变量中的内容覆盖全局变量中的对应内容，形成新的变量信息； 基于所述当前页面对应的浏览器的屏幕宽度尺寸、所述新的变量信息、所述行的属性、所述列的属性、所述栅格布局方式和所述预设的响应尺寸以及对应断点的隐藏类，确定所述目标web页面对应的目标页面布局； 基于所述当前页面对应的浏览器的屏幕宽度尺寸、所述元素类型、所述元素属性和所述元素层级关系，确定所述目标web页面对应的目标页面结构； 若所述HTML文件中未定义局部变量，则基于所述当前页面对应的浏览器的屏幕宽度尺寸、所述全局变量、所述行的属性、所述列的属性、所述栅格布局方式和所述预设的响应尺寸以及对应断点的隐藏类，确定所述目标web页面对应的目标页面布局。

如需购买、转让、实施、许可或投资类似专利技术，可联系本专利的申请人或专利权人北京海科融通支付服务有限公司，其通讯地址为：100044 北京市海淀区西直门北大街甲43号1号楼12层1-25-1201至1-25-1210；或者联系龙图腾网官方客服，联系龙图腾网可拨打电话0551-65771310或微信搜索“龙图腾网”。