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

龙图腾网获悉青岛以萨数据技术有限公司申请的专利一种兼容多种屏幕的网页适配方法获国家发明授权专利权，本发明授权专利权由国家知识产权局授予，授权公告号为：CN116048512B 。

龙图腾网通过国家知识产权局官网在2025-09-19发布的发明授权授权公告中获悉：该发明授权的专利申请号/专利号为：202211731841.0，技术领域涉及：G06F8/38；该发明授权一种兼容多种屏幕的网页适配方法是由冯祥;李凡平;王堃设计研发完成，并于2022-12-30向国家知识产权局提交的专利申请。

本一种兼容多种屏幕的网页适配方法在说明书摘要公布了：本发明涉及互联网技术领域，尤其为一种兼容多种屏幕的网页适配方法，包括如下步骤：在公共模板头标签中添加meta子标签；在公共逻辑中，添加监听窗口的resize事件，设置窗口字体大小的最大值；在公共样式中，对body的font‑size进行响应式设置；其他模板、其他逻辑正常编写；其他样式以rem作为尺寸单位进行编写。本发明解决了在不同分辨率屏幕上显示不一致、布局不合理、样式重叠等问题；针对不同分辨率屏幕不用编写多种样式，只需使用一套代码，降低了开发难度，从而提高了开发效率，降低了维护成本；对窗口文档的模块进行优化，进一步优化了网页布局；适用于PC端、平板、手机等不同设备的网页设计，提升用户体验感。

本发明授权一种兼容多种屏幕的网页适配方法在权利要求书中公布了：1.一种兼容多种屏幕的网页适配方法，其特征在于：包括如下步骤： S1：在公共模板Head标签中添加meta子标签； S2：在公共逻辑中，添加监听window的resize事件，设置浏览器窗口文档fontSize的最大值； S3：在公共样式中，对body的font-size进行响应式设置； S4：其他模板，正常编写； S5：其他逻辑，正常编写； S6：其他样式以rem作为尺寸单位进行编写； 所述S2中，构建浏览器窗口文档的距离模型，用于自适应调节浏览器窗口文档的模块布局； 所述距离模型中，对于浏览器窗口文档中每个元素对应划分矩形区域，以矩形左上角为基点，为每一个节点定义一个四元组，其中，表示元素在平面直角坐标系中横坐标上的分量，表示元素在平面直角坐标系中纵坐标上的分量，表示以像素为单位的元素的宽度，表示元素以像素为单位的高度；对于、两元素，有： 其中： 其中，、分别为、两元素所对应的矩形区域，为元素横坐标方向的距离，为两元素左侧横坐标分量的差值，为两元素右侧横坐标分量的差值；为元素纵坐标方向的距离，为两元素下方纵坐标分量的差值，为两元素上方纵坐标分量的差值； 所述距离模型中，当、两个元素在直角坐标轴上的投影有一个矩形边重叠或一个矩形的投影完全覆盖另一个矩形的投影时，则认为这两个元素在对应坐标轴上的距离为0；当两个元素在直角坐标轴上的投影没有重叠和覆盖时，选择两元素的顶点所在的边和另一条边在坐标轴上的投影之间的最小值作为两元素之间的距离值；基于元素的距离模型，通过DBSCAN算法对浏览器窗口文档内的各元素矩形进行聚类划分，优化浏览器窗口文档的布局。

如需购买、转让、实施、许可或投资类似专利技术，可联系本专利的申请人或专利权人青岛以萨数据技术有限公司，其通讯地址为：266000 山东省青岛市黄岛区灵岩路77号办公3号楼302室；或者联系龙图腾网官方客服，联系龙图腾网可拨打电话0551-65771310或微信搜索“龙图腾网”。