買專利賣專利找龍圖騰，真高效！ 查專利查商標用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或微信搜索“龍圖騰網”。