[發(fā)明專利]一種網(wǎng)頁適應(yīng)屏幕排版方法及裝置

有效

• 申請?zhí)枺?/td>: 201410290310.1
• 申請日: 2014-06-25
• 公開（公告）號: CN105224564B
• 公開（公告）日: 2019-02-15
• 發(fā)明（設(shè)計）人: 許國慶
• 申請（專利權(quán)）人: 廣州市動景計算機科技有限公司
• 主分類號: G06F16/9538
• 分類號: G06F16/9538;G06F16/957
• 代理公司: 北京展翼知識產(chǎn)權(quán)代理事務(wù)所(特殊普通合伙) 11452
• 代理人: 屠長存

1.一種網(wǎng)頁適應(yīng)屏幕排版方法，其特征在于，包括：

計算網(wǎng)頁排版樹中各個節(jié)點的寬度；

判斷各個節(jié)點的寬度是否小于或等于屏幕寬度；以及

如果節(jié)點的寬度小于或等于屏幕寬度，則保留所述節(jié)點的原樣式，并對所述節(jié)點按標(biāo)準(zhǔn)流程排版，否則，修改所述節(jié)點的樣式，并對所述節(jié)點按適應(yīng)屏幕規(guī)則排版，

其中，所述修改節(jié)點的樣式，包括：

修改節(jié)點的層疊樣式表的寬度值和最大寬度值，使所述層疊樣式表的寬度值和最大寬度值小于屏幕寬度；

修改節(jié)點中層疊樣式表元素盒模型的填充屬性和邊距屬性的分辨率，使所述填充屬性和所述邊距屬性的分辨率分別小于或等于自身的預(yù)設(shè)值。

2.如權(quán)利要求1所述的網(wǎng)頁適應(yīng)屏幕排版方法，其特征在于，所述計算網(wǎng)頁排版樹中各個節(jié)點的寬度，包括：

遍歷網(wǎng)頁排版樹的節(jié)點；

判斷各個節(jié)點的層疊樣式表中是否設(shè)置了寬度值；

如果節(jié)點的層疊樣式表中設(shè)置了寬度值，以所述節(jié)點的層疊樣式表的寬度為節(jié)點的寬度；

如果節(jié)點的層疊樣式表中未設(shè)置寬度值，則查找所述節(jié)點的所有子節(jié)點，以寬度最大的子節(jié)點的寬度為所述節(jié)點的寬度，所述子節(jié)點的寬度為所述子節(jié)點的層疊樣式表的寬度；

如果節(jié)點的層疊樣式表中未設(shè)置寬度值，且所述節(jié)點的所有子節(jié)點中的層疊樣式表中未設(shè)置寬度值，則設(shè)置所述節(jié)點的寬度小于或等于屏幕的寬度。

3.如權(quán)利要求1所述的網(wǎng)頁適應(yīng)屏幕排版方法，其特征在于，所述適應(yīng)屏幕規(guī)則排版，包括：

以修改節(jié)點的樣式后所述節(jié)點的元素內(nèi)容的高度為所述節(jié)點的排版高度，按所述節(jié)點的排版高度進行排版；

動態(tài)拉伸浮動元素，所述動態(tài)拉伸浮動元素為：在一行中排版n個浮動元素后，當(dāng)所述行的右方存在空白時，將所述浮動元素的寬度值設(shè)置為所述浮動元素的最小寬度值后，判斷所述行的右方的空白是否大于一個或多個所述浮動元素的寬度，當(dāng)所述行的右方的空白大于一個或多個所述浮動元素的寬度時，在所述行的右方的空白中加入一個或多個所述浮動元素，其中，n為按標(biāo)準(zhǔn)流程排版時，一行中排版的所述浮動元素的個數(shù)。

4.一種網(wǎng)頁適應(yīng)屏幕排版裝置，其特征在于，包括：

計算單元，用于計算網(wǎng)頁排版樹中各個節(jié)點的寬度；

第一判斷單元，用于判斷各個節(jié)點的寬度是否小于或等于屏幕寬度；

第一執(zhí)行單元，用于當(dāng)節(jié)點的寬度小于或等于屏幕寬度時，保留所述節(jié)點的原樣式，并對所述節(jié)點按標(biāo)準(zhǔn)流程排版；

第二執(zhí)行單元，用于當(dāng)節(jié)點的寬度大于屏幕寬度時，修改所述節(jié)點的樣式，并對所述節(jié)點按適應(yīng)屏幕規(guī)則排版，

其中，所述第二執(zhí)行單元包括：

樣式修改子單元，用于修改節(jié)點的樣式，

所述修改樣式子單元包括：

寬度修改子單元，用于修改節(jié)點的層疊樣式表的寬度值和最大寬度值，使所述層疊樣式表的寬度值和最大寬度值小于屏幕寬度；

邊距修改子單元，修改節(jié)點中層疊樣式表元素盒模型的填充屬性和邊距屬性的分辨率，使所述填充屬性和所述邊距屬性的分辨率分別小于或等于自身的預(yù)設(shè)值。

5.如權(quán)利要求4所述的網(wǎng)頁適應(yīng)屏幕排版裝置，其特征在于，所述計算單元，包括：

第一執(zhí)行子單元，用于遍歷網(wǎng)頁排版樹的節(jié)點；

第一判斷子單元，用于判斷各個節(jié)點的層疊樣式表中是否設(shè)置了寬度值；

第二執(zhí)行子單元，用于當(dāng)節(jié)點的層疊樣式表中設(shè)置了寬度值時，以所述節(jié)點的層疊樣式表的寬度為節(jié)點的寬度；

第三執(zhí)行子單元，用于當(dāng)節(jié)點的層疊樣式表中未設(shè)置寬度值時，查找所述節(jié)點的所有子節(jié)點；

第二判斷子單元，用于判斷所述節(jié)點的所有子節(jié)點的層疊樣式表中是否都未設(shè)置寬度值；

第四執(zhí)行子單元，用于當(dāng)所述節(jié)點的所有子節(jié)點的層疊樣式表中都未設(shè)置寬度值時，設(shè)置所述節(jié)點的寬度小于或等于屏幕的寬度；

第五執(zhí)行子單元，用于當(dāng)有所述節(jié)點的子節(jié)點的層疊樣式表中設(shè)置了寬度值時，以寬度最大的所述子節(jié)點的寬度為所述節(jié)點的寬度。

6.如權(quán)利要求4所述的網(wǎng)頁適應(yīng)屏幕排版裝置，其特征在于，所述第二執(zhí)行單元包括：

適應(yīng)屏幕規(guī)則排版子單元，用于對節(jié)點按適應(yīng)屏幕規(guī)則排版。