[發明專利]網頁適配方法、裝置和系統、設備

在審

• 申請號: 201811098946.0
• 申請日: 2018-09-20
• 公開（公告）號: CN110928542A
• 公開（公告）日: 2020-03-27
• 發明（設計）人: 謝基顏
• 申請（專利權）人: 北京國雙科技有限公司
• 主分類號: G06F8/38
• 分類號: G06F8/38;G06F16/957
• 代理公司: 北京集佳知識產權代理有限公司 11227
• 代理人: 巴翠昆;王寶筠

1.一種網頁適配方法，其特征在于，包括：

獲取網頁模板中編輯區域的區域比例和顯示屏幕的屏幕比例；

在對比所述區域比例和所述屏幕比例后確定所述顯示屏幕過寬的情況下，調整所述網頁模板中編輯區域的多個坐標值，以使所述網頁模板中編輯區域在虛擬網頁模板框架與所述屏幕比例對應的情況下完全顯示；

適配所述網頁模板于所述顯示屏幕。

2.如權利要求1所述的方法，其特征在于，所述調整所述網頁模板中編輯區域的多個坐標值，以使所述網頁模板中編輯區域在虛擬網頁模板框架與所述屏幕比例對應的情況下完全顯示，包括：

調整所述虛擬網頁模板框架的坐標寬度與所述網頁模板的坐標寬度適配；

在所述虛擬網頁模板框架的坐標寬度與所述網頁模板的坐標寬度適配的情況下，計算與所述屏幕比例對應的虛擬網頁模板框架的坐標長度；

計算所述虛擬網頁模板框架的坐標長度與所述網頁模板的坐標長度的商值，并根據商值確定縮小比例；

按所述縮小比例調整所述網頁模板獲得縮小網頁模板，以使所述網頁模板中編輯區域在虛擬網頁模板框架與所述屏幕比例對應的情況下完全顯示。

3.如權利要求2所述的方法，其特征在于，在適配所述網頁模板于所述顯示屏幕之前還包括：調整所述網頁模板中編輯區域的多個坐標值，以使所述網頁模板中編輯區域于所述屏幕比例對應的虛擬網頁模板框架中居中顯示；

所述調整所述網頁模板中編輯區域的多個坐標值進一步包括：

根據所述縮小網頁模板的寬度以及所述虛擬網頁模板框架的寬度，確定所述縮小網頁模板的橫向偏移量，該橫向偏移量可使所述縮小網頁模板于所述虛擬網頁模板框架中居中顯示；

維持所述縮小網頁模板中編輯區域的縱坐標不變，根據所述橫向偏移量調整所述網頁模板的位置。

4.如權利要求3所述的方法，其特征在于，所述網頁模板還包括背景區域，所述背景區域用于插入背景圖像；

所述編輯區域為所述背景區域的子集，所述編輯區域位于所述背景區域之上，且，所述編輯區域與所述背景區域分離；

則按所述縮小比例調整所述網頁模板獲得縮小網頁模板，包括：

按所述縮小比例調整所述網頁模板中背景區域和編輯區域；則在所述獲得調整后網頁模板之前還包括：維持所述縮小網頁模板中背景區域和編輯區域的縱坐標不變、橫坐標增加所述橫向偏移量。

5.如權利要求1所述的方法，其特征在于，還包括：

在對比所述區域比例和所述屏幕比例后確定所述顯示屏幕過長的情況下，調整所述網頁模板中編輯區域的多個坐標值，以使所述網頁模板中編輯區域于所述屏幕比例對應的虛擬網頁模板框架中居中顯示；

則所述調整所述網頁模板中編輯區域的多個坐標值進一步包括：

調整所述虛擬網頁模板框架的坐標寬度與所述網頁模板的坐標寬度適配；

在所述虛擬網頁模板框架的坐標寬度與所述網頁模板的坐標寬度適配的情況下，計算與所述屏幕比例對應的虛擬網頁模板框架的坐標長度，基于所述坐標寬度和坐標長度確定所述網頁模板中編輯區域的橫坐標和縱坐標；

確定所述網頁模板的縱向偏移量，該縱向偏移量可使所述網頁模板于所述虛擬網頁模板框架中居中顯示；

維持所述網頁模板中編輯區域的橫坐標不變、縱坐標增加所述縱向偏移量，獲得調整后網頁模板。

6.如權利要求5所述的方法，其特征在于，所述網頁模板還包括背景區域，所述背景區域用于插入背景圖像；

所述編輯區域為所述背景區域的子集，所述編輯區域位于所述背景區域之上，且，所述編輯區域與所述背景區域分離；

則在獲得調整后網頁模板之前還包括：

維持所述網頁模板中背景區域的橫坐標不變、縱坐標增加所述縱向偏移量。

7.如權利要求1所述的方法，其特征在于，所述適配所述網頁模塊于所述顯示屏幕，包括：

適配所述網頁模塊于所述顯示屏幕，以使所述編輯區域的坐標長度轉換后的像素長度與所述顯示屏幕的像素長度一致；

或者，

適配所述網頁模塊于所述顯示屏幕，以使所述編輯區域的坐標寬度轉換后的像素寬度與所述顯示屏幕的像素寬度一致。