[發明專利]頁面適配方法、裝置及電子設備

在審

• 申請號: 201611105479.0
• 申請日: 2016-12-05
• 公開（公告）號: CN106776969A
• 公開（公告）日: 2017-05-31
• 發明（設計）人: 劉富恩;李曉鳳
• 申請（專利權）人: 樂視控股（北京）有限公司;樂視致新電子科技（天津）有限公司
• 主分類號: G06F17/30
• 分類號: G06F17/30
• 代理公司: 北京弘權知識產權代理事務所(普通合伙)11363
• 代理人: 逯長明,許偉群

1.一種頁面適配方法，其特征在于，應用于移動設備，包括：

獲取所述移動設備的屏幕寬度；

根據所述屏幕寬度計算目標頁面的目標字體大小；

獲取所述目標頁面中各個頁面元素的相對樣式值；所述相對樣式值為所述頁面元素的原始值和預設基準值之比；

根據所述目標字體大小和相對樣式值渲染所述頁面元素。

2.根據權利要求1所述的方法，其特征在于，在獲取所述移動設備的屏幕寬度之后，以及根據所述屏幕寬度計算目標頁面的字體大小之前，還包括：

判斷所述屏幕寬度是否為預設屏幕寬度；

當所述屏幕寬度為預設屏幕寬度時，獲取所述屏幕寬度對應的預設字體大小，并將所述預設字體大小作為所述目標字體大小；

當所述屏幕寬度不是預設屏幕寬度時，執行根據所述屏幕寬度計算目標頁面的目標字體大小的步驟。

3.根據權利要求2所述的方法，其特征在于，獲取所述屏幕寬度對應的預設字體大小，包括：

利用層疊樣式表CSS的媒體查詢來獲取所述屏幕寬度對應的預設字體大小。

4.根據權利要求1所述的方法，其特征在于，在根據所述字體大小和相對樣式值加載渲染所述頁面元素之后，還包括：

當檢測到所述移動設備發生屏幕翻轉時，重新執行所述獲取所述移動設備的屏幕寬度。

5.根據權利要求1所述的方法，其特征在于，在根據所述字體大小和相對樣式值加載渲染所述頁面元素之后，還包括：

根據預設間隔時間循環執行獲取所述移動設備的屏幕寬度的步驟；

當本次獲取到的屏幕寬度與前一次獲取到的屏幕寬度不同時，根據本次獲取到的屏幕寬度重新計算所述目標字體大小。

6.一種頁面適配裝置，其特征在于，包括：

屏幕寬度獲取單元，用于獲取所述移動設備的屏幕寬度；

字體大小計算單元，用于根據所述屏幕寬度計算目標頁面的目標字體大小；

相對樣式獲取單元，用于獲取所述目標頁面中各個頁面元素的相對樣式值；所述相對樣式值為所述頁面元素的原始值和預設基準值之比；

頁面渲染單元，用于根據所述目標字體大小和相對樣式值渲染所述頁面元素。

7.根據權利要求6所述的頁面適配裝置，其特征在于，還包括：

預設寬度判斷單元，用于判斷所述屏幕寬度獲取單元獲取到的所述屏幕寬度是否為預設屏幕寬度；并在所述屏幕寬度為預設屏幕寬度時，觸發字體大小查詢單元，以及，在所述屏幕寬度不是預設屏幕寬度時，觸發所述字體大小計算單元；

所述字體大小查詢單元，用于獲取所述屏幕寬度對應的預設字體大小，并將所述預設字體大小作為所述目標字體大小。

8.根據權利要求7所述的頁面適配裝置，其特征在于，所述字體大小查詢單元，具體被配置為：

利用層疊樣式表CSS的媒體查詢來獲取所述屏幕寬度對應的預設字體大小。

9.根據權利要求6所述的頁面適配裝置，其特征在于，還包括：

屏幕翻轉檢測單元，用于在檢測到所述移動設備發生屏幕翻轉時，觸發所述屏幕寬度獲取單元重新獲取所述移動設備的屏幕寬度。

10.根據權利要求6所述的頁面適配裝置，其特征在于，還包括：

循環控制單元，用于根據預設間隔時間控制所述屏幕獲取單元循環執行獲取所述移動設備的屏幕寬度的步驟，并在本次獲取到的屏幕寬度與前一次獲取到的屏幕寬度不同時，將根據本次獲取到的屏幕寬度發送至所述字體大小計算單元。

11.一種電子設備，包括：

至少一個處理器；以及，

與所述至少一個處理器通信連接的存儲器；其中，

所述存儲器存儲有可被所述一個處理器執行的指令，所述指令被被所述至少一個處理器執行，以使所述至少一個處理器能夠：

獲取所述移動設備的屏幕寬度；

根據所述屏幕寬度計算目標頁面的目標字體大小；

獲取所述目標頁面中各個頁面元素的相對樣式值；所述相對樣式值為所述頁面元素的原始值和預設基準值之比；

根據所述目標字體大小和相對樣式值渲染所述頁面元素。