本發(fā)明涉及互聯(lián)網(wǎng)技術(shù)領(lǐng)域，尤其涉及一種頁面自適應(yīng)屏幕的方法及智能終端。

背景技術(shù)：

利用瀏覽器瀏覽網(wǎng)頁是生活中不可缺少的一部分，隨著電腦、平板、手機等智能終端的普及，人們有了更多的設(shè)備來進行瀏覽網(wǎng)頁。

在瀏覽器中，顯示復(fù)雜業(yè)務(wù)數(shù)據(jù)時，一般會采用表格的方式顯示相關(guān)信息，現(xiàn)有技術(shù)的瀏覽器中，表格的顯示結(jié)構(gòu)一般是按照電腦的分辨率大小設(shè)置的。當(dāng)用戶使用平板、手機等其它智能終端瀏覽相關(guān)頁面時，因為屏幕分辨率的改變，用戶無法直觀的獲取需要的相關(guān)信息，只能依靠用戶自己手動左右拖動滾動條才能看到所有信息，造成用戶體驗差。

技術(shù)實現(xiàn)要素：

本發(fā)明的目的是提供一種頁面自適應(yīng)屏幕的方法及智能終端，能夠自動調(diào)整網(wǎng)頁頁面的顯示布局，使其自適應(yīng)屏幕，不再需要讓用戶自己手動拖動滾動條來查看相關(guān)信息，大大提高了用戶的使用體驗。

本發(fā)明提供的技術(shù)方案如下：

一種頁面自適應(yīng)屏幕的方法，步驟S20獲取當(dāng)前屏幕分辨率中水平方向的像素；步驟S30根據(jù)獲取的所述分辨率中水平方向的像素查找對應(yīng)的預(yù)設(shè)規(guī)則；步驟S40根據(jù)所述預(yù)設(shè)規(guī)則，對瀏覽器當(dāng)前頁面對應(yīng)的系統(tǒng)表格中的列數(shù)據(jù)進行調(diào)整，并將調(diào)整后的所述系統(tǒng)表格進行顯示。

進一步優(yōu)選地，所述步驟S30中的預(yù)設(shè)規(guī)則包括：根據(jù)所述水平方向的像素，設(shè)置所述系統(tǒng)表格中顯示列數(shù)據(jù)的對應(yīng)列數(shù)；所述步驟S40中根據(jù)所述預(yù)設(shè)規(guī)則，對瀏覽器當(dāng)前頁面對應(yīng)的系統(tǒng)表格中的列數(shù)據(jù)進行調(diào)整包括：步驟S41根據(jù)所述預(yù)設(shè)規(guī)則，設(shè)置所述系統(tǒng)表格中對應(yīng)列數(shù)的顯示列數(shù)據(jù)，并將所述系統(tǒng)表格中除所述顯示列數(shù)據(jù)之外的列數(shù)據(jù)設(shè)置為隱藏列數(shù)據(jù)。

進一步優(yōu)選地，所述S40之后還包括：步驟S50當(dāng)接收到顯示所述隱藏列數(shù)據(jù)的指令時，顯示所述隱藏列數(shù)據(jù)。

進一步優(yōu)選地，所述步驟S20之前還包括：步驟S10監(jiān)聽所述當(dāng)前屏幕的分辨率中所述水平方向的像素是否改變，若是，則執(zhí)行步驟S20，若否，則執(zhí)行步驟S10。

進一步優(yōu)選地，所述步驟S20之前還包括：步驟S00配置多種所述水平方向的像素對應(yīng)的所述預(yù)設(shè)規(guī)則。

本發(fā)明還提供一種智能終端，包括：獲取模塊，用于獲取當(dāng)前屏幕分辨率中水平方向的像素；存儲模塊，用于存儲所述分辨率中水平方向的像素對應(yīng)的預(yù)設(shè)規(guī)則；查找模塊，與所述獲取模塊、所述存儲模塊電連接，用于根據(jù)獲取的所述分辨率中水平方向的像素查找對應(yīng)的所述預(yù)設(shè)規(guī)則；調(diào)整顯示模塊，與所述查找模塊電連接，用于根據(jù)所述預(yù)設(shè)規(guī)則，對瀏覽器當(dāng)前頁面對應(yīng)的系統(tǒng)表格中的列數(shù)據(jù)進行調(diào)整，并將調(diào)整后的所述系統(tǒng)表格進行顯示。

進一步優(yōu)選地，所述預(yù)設(shè)規(guī)則包括：根據(jù)所述水平方向的像素，設(shè)置所述系統(tǒng)表格中顯示列數(shù)據(jù)的對應(yīng)列數(shù)；所述調(diào)整顯示模塊包括：設(shè)置子模塊，用于根據(jù)所述預(yù)設(shè)規(guī)則，設(shè)置所述系統(tǒng)表格中對應(yīng)列數(shù)的顯示列數(shù)據(jù)，并將所述系統(tǒng)表格中除所述顯示列數(shù)據(jù)之外的列數(shù)據(jù)設(shè)置為隱藏列數(shù)據(jù)。

進一步優(yōu)選地，還包括：指令接收模塊，與所述調(diào)整顯示模塊電連接，用于接收顯示所述隱藏列數(shù)據(jù)的指令；所述調(diào)整顯示模塊，進一步用于當(dāng)所述指令接收模塊接收到顯示所述隱藏列數(shù)據(jù)的指令時，所述調(diào)整顯示模塊顯示所述隱藏列數(shù)據(jù)。

進一步優(yōu)選地，還包括：監(jiān)聽模塊，與所述獲取模塊電連接，用于監(jiān)聽所述當(dāng)前屏幕的分辨率中所述水平方向的像素是否改變。

進一步優(yōu)選地，還包括：配置模塊，與所述存儲模塊電連接，用于配置多種所述水平方向的像素對應(yīng)的所述預(yù)設(shè)規(guī)則。

與現(xiàn)有技術(shù)相比，本發(fā)明的有益效果在于：

1、對于復(fù)雜業(yè)務(wù)數(shù)據(jù)時，一般會采用系統(tǒng)表格形式在頁面上進行顯示，每種水平方向的像素不同，在此頁面上顯示的系統(tǒng)表格的列數(shù)據(jù)必然也是不同的，因此，可以根據(jù)當(dāng)前屏幕的分辨率，具體以此分辨率中對應(yīng)的水平方向的像素來調(diào)整對應(yīng)的系統(tǒng)表格中的列數(shù)據(jù)，使在當(dāng)前頁面上顯示的復(fù)雜業(yè)務(wù)數(shù)據(jù)適應(yīng)當(dāng)前的屏幕，不需要用戶自行手動左右滾動來實現(xiàn)查看數(shù)據(jù)的目的，大大提高了用戶的使用體驗。

2、有些智能終端的屏幕分辨率較小，意味著其水平方向的像素也較小，只能顯示較少的列數(shù)據(jù)，這時候就可以根據(jù)預(yù)設(shè)規(guī)則只將一些列數(shù)據(jù)進行顯示，將其它列數(shù)據(jù)進行隱藏，只在智能終端的當(dāng)前頁面顯示能夠顯示的列數(shù)據(jù)的數(shù)量，方便了用戶瀏覽相應(yīng)的數(shù)據(jù)。

3、針對于那些被隱藏的列數(shù)據(jù)，可以讓用戶自行選擇是否需要顯示，若用戶給予了顯示隱藏列數(shù)據(jù)的指令時，就將隱藏的列數(shù)據(jù)顯示出來，方便用戶查閱。其顯示也是根據(jù)智能終端的當(dāng)前的分辨率調(diào)整后進行顯示的，不會出現(xiàn)需要用戶自行左右拉滾動條查看完整信息的情況。

4、每個智能終端的分辨率都包括垂直方向的像素和水平方向的像素，若智能終端進行旋轉(zhuǎn)，那么當(dāng)前它對應(yīng)的水平方向的像素就會發(fā)生變化，意味著原先的系統(tǒng)表格的排列已經(jīng)不適應(yīng)當(dāng)前水平方向的像素，因此，需要重新進行調(diào)整。時刻監(jiān)聽當(dāng)前屏幕的分辨率中的水平方向的像素是否改變，是為了便于讓智能終端能夠?qū)崟r調(diào)整自己的頁面布局，便于用戶能夠每時每刻都瀏覽舒適的頁面，以提高用戶的使用體驗效果。

5、每個智能終端的分辨率不同，因此，需要配置多種分辨率，以及，每種分辨率的水平方向的像素對應(yīng)的預(yù)設(shè)規(guī)則，來滿足不同的智能終端的需求，配置分辨率及預(yù)設(shè)規(guī)則是讓智能終端實時調(diào)整頁面布局的先決條件。

本發(fā)明的一種頁面自適應(yīng)屏幕的方法及智能終端，能夠根據(jù)當(dāng)前屏幕的分辨率中水平方向的像素實時調(diào)整頁面對應(yīng)的系統(tǒng)表格的列數(shù)據(jù)，達到調(diào)整顯示頁面布局的目的，不需要用戶手動拖動滾動條才能看到所有信息，大大提高了用戶的體驗。

附圖說明

下面將以明確易懂的方式，結(jié)合附圖說明優(yōu)選實施方式，對一種頁面自適應(yīng)屏幕的方法及智能終端的上述特性、技術(shù)特征、優(yōu)點及其實現(xiàn)方式予以進一步說明。

圖1是本發(fā)明頁面自適應(yīng)屏幕的方法一個實施例的流程圖；

圖2是本發(fā)明頁面自適應(yīng)屏幕的方法另一個實施例的流程圖；

圖3是本發(fā)明智能終端一個實施例的結(jié)構(gòu)示意圖；

圖4是本發(fā)明智能終端另一個實施例的結(jié)構(gòu)示意圖；

圖5是本發(fā)明一個實施例的效果圖；

圖6是本發(fā)明另一個實施例的效果圖。

附圖標號說明：

10.獲取模塊，20.存儲模塊，30.查找模塊，40.調(diào)整顯示模塊，41.設(shè)置子模塊，50.指令接收模塊，60.監(jiān)聽模塊，70.配置模塊。

具體實施方式

為了更清楚地說明本發(fā)明實施例或現(xiàn)有技術(shù)中的技術(shù)方案，下面將對照附圖說明本發(fā)明的具體實施方式。顯而易見地，下面描述中的附圖僅僅是本發(fā)明的一些實施例，對于本領(lǐng)域普通技術(shù)人員來講，在不付出創(chuàng)造性勞動的前提下，還可以根據(jù)這些附圖獲得其他的附圖，并獲得其他的實施方式。

為使圖面簡潔，各圖中只示意性地表示出了與本發(fā)明相關(guān)的部分，它們并不代表其作為產(chǎn)品的實際結(jié)構(gòu)。另外，以使圖面簡潔便于理解，在有些圖中具有相同結(jié)構(gòu)或功能的部件，僅示意性地繪示了其中的一個，或僅標出了其中的一個。在本文中，“一個”不僅表示“僅此一個”，也可以表示“多于一個”的情形。

在本發(fā)明的一個實施例中，如圖1所示，一種頁面自適應(yīng)屏幕的方法，包括：步驟S20獲取當(dāng)前屏幕分辨率中水平方向的像素；步驟S30根據(jù)獲取的所述分辨率中水平方向的像素查找對應(yīng)的預(yù)設(shè)規(guī)則；步驟S40根據(jù)所述預(yù)設(shè)規(guī)則，對瀏覽器當(dāng)前頁面對應(yīng)的系統(tǒng)表格中的列數(shù)據(jù)進行調(diào)整，并將調(diào)整后的所述系統(tǒng)表格進行顯示。

具體的，智能終端的型號不同，其分辨率必然也是不同的，其分辨率對應(yīng)的水平方向的像素也是不同的，意味著，不同分辨率智能終端一個頁面上顯示的系統(tǒng)表格的列數(shù)據(jù)也是不同的。因此，需要根據(jù)當(dāng)前屏幕的分辨率，最好是水平方向的像素，進行實時地調(diào)整當(dāng)前頁面對應(yīng)的系統(tǒng)表格的列數(shù)據(jù)，可以直接獲取當(dāng)前屏幕的分辨率，然后再根據(jù)此分辨率中的水平方向的像素進行調(diào)整，也可以直接獲取當(dāng)前屏幕水平方向的像素；這里的調(diào)整可以理解為：隱藏一定的列數(shù)據(jù)、縮小列數(shù)據(jù)等行為，在這里不作限定，只要能夠保證頁面適應(yīng)當(dāng)前的屏幕即可，不需要用戶自行拖動滾動條查看即可。

優(yōu)選地，所述步驟S30中的預(yù)設(shè)規(guī)則包括：根據(jù)所述水平方向的像素，設(shè)置所述系統(tǒng)表格中顯示列數(shù)據(jù)的對應(yīng)列數(shù)；所述步驟S40中根據(jù)所述預(yù)設(shè)規(guī)則，對瀏覽器當(dāng)前頁面對應(yīng)的系統(tǒng)表格中的列數(shù)據(jù)進行調(diào)整包括：步驟S41根據(jù)所述預(yù)設(shè)規(guī)則，設(shè)置所述系統(tǒng)表格中對應(yīng)列數(shù)的顯示列數(shù)據(jù)，并將所述系統(tǒng)表格中除所述顯示列數(shù)據(jù)之外的列數(shù)據(jù)設(shè)置為隱藏列數(shù)據(jù)。

具體的，當(dāng)智能終端當(dāng)前屏幕的分辨率過小時，例如：本來可以在電腦屏幕上顯示的頁面，現(xiàn)在在手機屏幕上顯示，水平方向的列數(shù)據(jù)必然不能全部在手機屏幕上全部顯示出來，因此，需要根據(jù)當(dāng)前手機屏蔽的分辨率中的水平方向的像素來顯示對應(yīng)數(shù)量的列數(shù)據(jù)，這就意味著，如果在電腦上水平方向可以顯示的列數(shù)據(jù)為5列，但是當(dāng)前手機水平方向可能只能顯示2列，那么就需要把3列的列數(shù)進行隱藏，使用戶不用左右拖動滾動條來查看當(dāng)前的頁面。設(shè)置的隱藏列數(shù)據(jù)會在后臺根據(jù)預(yù)設(shè)規(guī)則中水平方向的像素對應(yīng)相應(yīng)數(shù)量的顯示列數(shù)據(jù)進行排列并向垂直方向延伸，例如：隱藏列數(shù)據(jù)為3列，當(dāng)前一行只能顯示2列的隱藏列數(shù)據(jù)，那么就會以其中的2列為一行，另1列為另一行的方式進行排列，便于后續(xù)接收到顯示隱藏列數(shù)據(jù)的指令后，馬上顯示出來，且隱藏列數(shù)據(jù)也適應(yīng)當(dāng)前屏幕水平方向的像素，讓用戶只需要拖動上下滾動條查看即可。

另外，如圖5所示，假如這是在平板電腦上的顯示效果，它只隱藏了“長途電路編碼：上海無錫NE0006NP”這一項，其實質(zhì)上隱藏的列數(shù)據(jù)是“上海無錫NE0006NP”，為了讓用戶更明確地了解其數(shù)據(jù)代理的是什么意思，會在其前面加上列標題。如圖6所示，因智能終端的分辨率比較小，需要的隱藏列數(shù)據(jù)的數(shù)量比較多，會在每個列數(shù)據(jù)的前面加上相應(yīng)的列標題讓用戶易于理解，至于隱藏列數(shù)據(jù)和它對應(yīng)的列標題的寬度是根據(jù)智能終端上的分辨率進行設(shè)計的，在這里不作詳細描述。

至于到底隱藏哪幾列數(shù)據(jù)，可以根據(jù)實際需要進行考慮，例如：前面幾列的列數(shù)據(jù)、后面幾列的列數(shù)據(jù)，或者，根據(jù)具體的內(nèi)容，只顯示有重要的內(nèi)容的列數(shù)據(jù)，把一些次重要的列數(shù)據(jù)進行隱藏，具體的隱藏方式在這里不作限定，只要隱藏一定數(shù)量的列數(shù)據(jù)后可以自適應(yīng)智能終端當(dāng)前的屏幕即可。

優(yōu)選地，所述S40之后還包括：步驟S50當(dāng)接收到顯示所述隱藏列數(shù)據(jù)的指令時，顯示所述隱藏列數(shù)據(jù)。

具體的，為了不讓用戶漏掉某些信息而造成不便，隱藏的列數(shù)據(jù)可以在接收到用戶的指令后，在智能終端上顯示出來，這些隱藏的列數(shù)據(jù)也是根據(jù)智能終端當(dāng)前屏幕的分辨率進行排列的，因此，在顯示這些隱藏的列數(shù)據(jù)時的頁面也會自適應(yīng)當(dāng)前的屏幕，方便用戶查看信息，大大提高了用戶的使用體驗。

優(yōu)選地，所述步驟S20之前還包括：步驟S10監(jiān)聽所述當(dāng)前屏幕的分辨率中所述水平方向的像素是否改變，若是，則執(zhí)行步驟S20，若否，則執(zhí)行步驟S10。

具體的，同一個智能終端當(dāng)它旋轉(zhuǎn)時，它的水平方向的像素就會進行改變，因此，需要時刻監(jiān)聽是當(dāng)前屏幕的分辨率中的水平方向的像素是否有變化，從而達到實時根據(jù)當(dāng)前的水平方向的像素進行頁面布局的調(diào)整，使瀏覽器的頁面能夠自適應(yīng)屏幕，不再需要用戶手動拖動滾動條來查看信息。

優(yōu)選地，所述步驟S20之前還包括：步驟S00配置多種所述水平方向的像素對應(yīng)的所述預(yù)設(shè)規(guī)則。

具體的，也可以配置多種分辨率，以及每種分辨率的水平方向的像素對應(yīng)的預(yù)設(shè)規(guī)則，或者直接配置多種水平方向的像素對應(yīng)的預(yù)設(shè)規(guī)則，這是各種智能終端能夠?qū)崿F(xiàn)頁面自適應(yīng)屏幕的基礎(chǔ)，也可以說是先決條件，考慮到不同的智能終端具有不同的分辨率，因此，需要配置多種分辨率以滿足需求。

在本發(fā)明的另一個實施例中，如圖2所示，一種頁面自適應(yīng)屏幕的方法，包括：步驟S00配置多種所述水平方向的像素對應(yīng)的所述預(yù)設(shè)規(guī)則；步驟S10監(jiān)聽所述當(dāng)前屏幕的分辨率中所述水平方向的像素是否改變，若是，則執(zhí)行步驟S20，若否，則執(zhí)行步驟S10；步驟S20獲取當(dāng)前屏幕分辨率中水平方向的像素；步驟S30根據(jù)獲取的所述分辨率中水平方向的像素查找對應(yīng)的預(yù)設(shè)規(guī)則；所述步驟S30中的預(yù)設(shè)規(guī)則包括：根據(jù)所述水平方向的像素，設(shè)置所述系統(tǒng)表格中顯示列數(shù)據(jù)的對應(yīng)列數(shù)；步驟S40根據(jù)所述預(yù)設(shè)規(guī)則，對瀏覽器當(dāng)前頁面對應(yīng)的系統(tǒng)表格中的列數(shù)據(jù)進行調(diào)整，并將調(diào)整后的所述系統(tǒng)表格進行顯示；所述步驟S40中根據(jù)所述預(yù)設(shè)規(guī)則，對瀏覽器當(dāng)前頁面對應(yīng)的系統(tǒng)表格中的列數(shù)據(jù)進行調(diào)整包括：步驟S41根據(jù)所述預(yù)設(shè)規(guī)則，設(shè)置所述系統(tǒng)表格中對應(yīng)列數(shù)的顯示列數(shù)據(jù)，并將所述系統(tǒng)表格中除所述顯示列數(shù)據(jù)之外的列數(shù)據(jù)設(shè)置為隱藏列數(shù)據(jù)；步驟S50當(dāng)接收到顯示所述隱藏列數(shù)據(jù)的指令時，顯示所述隱藏列數(shù)據(jù)。

具體的，本發(fā)明時刻監(jiān)聽水平方向的像素是否改變，若改變，則進行相應(yīng)的頁面布局調(diào)整，對于隱藏的列數(shù)據(jù)，也會根據(jù)用戶的指令進行顯示；另外，本發(fā)明的具體編程可以通過angular組件的方式進行編寫來提供相關(guān)功能，實現(xiàn)與其它前端系統(tǒng)進行整合的目的，angular組件保障了與其它系統(tǒng)較高的兼容性。

在本發(fā)明的另一個實施例中，如圖3所示，一種智能終端，包括：獲取模塊10，用于獲取當(dāng)前屏幕分辨率中水平方向的像素；存儲模塊20，用于存儲所述分辨率中水平方向的像素對應(yīng)的預(yù)設(shè)規(guī)則；查找模塊30，與所述獲取模塊10、所述存儲模塊20電連接，用于根據(jù)獲取的所述分辨率中水平方向的像素查找對應(yīng)的所述預(yù)設(shè)規(guī)則；調(diào)整顯示模塊40，與所述查找模塊30電連接，用于根據(jù)所述預(yù)設(shè)規(guī)則，對瀏覽器當(dāng)前頁面對應(yīng)的系統(tǒng)表格中的列數(shù)據(jù)進行調(diào)整，并將調(diào)整后的所述系統(tǒng)表格進行顯示。

具體的，不同的智能終端的屏幕分辨率不同，例如：480*800(常見4.0寸屏幕使用)，480*854(常見3.7寸屏幕使用)，960*540(QHD常見4.0、4.3、4.5寸屏幕使用)，960*640(常見蘋果手機的屏幕使用)，1280*768(常見4.5寸屏幕使用)，1280*800(常見三星5.3寸屏幕及平板電腦使用)，1024*600(常見7.0寸屏幕平板電腦使用)，1024*768(常見LG5.0寸屏幕及7.9寸9.7寸平板電腦使用)，1920*1280(常見9.0寸平板電腦使用)1920*1200(常見10.1寸平板電腦)，2048*1539(常見蘋果iPad及國產(chǎn)一些平板使用)，2560×1440(2k屏幕)，4096×2160(4K屏幕常見電視使用)。因此，需要根據(jù)當(dāng)前屏幕的分辨率的水平方向的像素才能適當(dāng)?shù)卣{(diào)整當(dāng)前頁面對應(yīng)的系統(tǒng)表格的列數(shù)據(jù)，使當(dāng)前頁面的布局適應(yīng)當(dāng)前的屏幕，給予用戶良好的使用體驗。

優(yōu)選地，所述預(yù)設(shè)規(guī)則包括：根據(jù)所述水平方向的像素，設(shè)置所述系統(tǒng)表格中顯示列數(shù)據(jù)的對應(yīng)列數(shù)；所述調(diào)整顯示模塊40包括：設(shè)置子模塊41，用于根據(jù)所述預(yù)設(shè)規(guī)則，設(shè)置所述系統(tǒng)表格中對應(yīng)列數(shù)的顯示列數(shù)據(jù)，并將所述系統(tǒng)表格中除所述顯示列數(shù)據(jù)之外的列數(shù)據(jù)設(shè)置為隱藏列數(shù)據(jù)。

具體有，當(dāng)分辨率過小時，智能終端無法顯示當(dāng)前頁面上的全部列數(shù)據(jù)，因此，可以將相應(yīng)數(shù)量的不能顯示的列數(shù)據(jù)進行隱藏，從而使調(diào)整后的列數(shù)據(jù)(即沒有隱藏的列數(shù)據(jù))可以適應(yīng)當(dāng)前的屏幕。具體需要隱藏哪些列數(shù)據(jù)，可以根據(jù)實際需要而設(shè)置，比如從一行中最后面的列數(shù)據(jù)開始隱藏，或者從一行中最前面的列數(shù)據(jù)開始隱藏，或者可以相應(yīng)縮小一些列數(shù)據(jù)達到適應(yīng)屏幕的需求，在這里，并不作限定；另外，每種分辨率水平方向的像素對應(yīng)的需要顯示的列數(shù)據(jù)的數(shù)量也可以自定義設(shè)置。

優(yōu)選地，還包括：指令接收模塊50，與所述調(diào)整顯示模塊40電連接，用于接收顯示所述隱藏列數(shù)據(jù)的指令；所述調(diào)整顯示模塊40，進一步用于當(dāng)所述指令接收模塊接收到顯示所述隱藏列數(shù)據(jù)的指令時，所述調(diào)整顯示模塊顯示所述隱藏列數(shù)據(jù)。

具體的，為了保證頁面上信息的完整性，這些隱藏的列數(shù)據(jù)并不是完全過濾掉了，在接收到用戶顯示隱藏列數(shù)據(jù)的指令時，智能終端還是會將隱藏的列數(shù)據(jù)顯示在屏幕上；需要注意的是，這些隱藏的列數(shù)據(jù)會根據(jù)當(dāng)前屏幕的分辨的水平方向的像素進行重新排列，達到適應(yīng)屏幕的目的。

優(yōu)選地，還包括：監(jiān)聽模塊60，與所述獲取模塊10電連接，用于監(jiān)聽所述當(dāng)前屏幕的分辨率中所述水平方向的像素是否改變。

優(yōu)選地，還包括：配置模塊70，與所述存儲模塊20電連接，用于配置多種所述水平方向的像素對應(yīng)的所述預(yù)設(shè)規(guī)則。

具體的，當(dāng)智能終端旋轉(zhuǎn)時，其水平方向的像素就會發(fā)生改變，這意味著，當(dāng)前頁面的布局需要重新調(diào)整，以適應(yīng)改變后的屏幕。另外，配置多種分辨率、預(yù)設(shè)規(guī)則是保證智能終端瀏覽器頁面能夠自適應(yīng)屏幕的先決條件。

在本發(fā)明的另一個實施例中，如圖4所示，一種智能終端，包括：獲取模塊10，用于獲取當(dāng)前屏幕分辨率中水平方向的像素；存儲模塊20，用于存儲所述分辨率中水平方向的像素對應(yīng)的預(yù)設(shè)規(guī)則；查找模塊30，與所述獲取模塊10、所述存儲模塊20電連接，用于根據(jù)獲取的所述分辨率中水平方向的像素查找對應(yīng)的所述預(yù)設(shè)規(guī)則；所述預(yù)設(shè)規(guī)則包括：根據(jù)所述水平方向的像素，設(shè)置所述系統(tǒng)表格中顯示列數(shù)據(jù)的對應(yīng)列數(shù)；調(diào)整顯示模塊40，與所述查找模塊30電連接，用于根據(jù)所述預(yù)設(shè)規(guī)則，對瀏覽器當(dāng)前頁面對應(yīng)的系統(tǒng)表格中的列數(shù)據(jù)進行調(diào)整，并將調(diào)整后的所述系統(tǒng)表格進行顯示，以及，當(dāng)所述指令接收模塊接收到顯示所述隱藏列數(shù)據(jù)的指令時，所述調(diào)整顯示模塊顯示所述隱藏列數(shù)據(jù)；所述調(diào)整顯示模塊40包括：設(shè)置子模塊41，用于根據(jù)所述預(yù)設(shè)規(guī)則，設(shè)置所述系統(tǒng)表格中對應(yīng)列數(shù)的顯示列數(shù)據(jù)，并將所述系統(tǒng)表格中除所述顯示列數(shù)據(jù)之外的列數(shù)據(jù)設(shè)置為隱藏列數(shù)據(jù)；指令接收模塊50，與所述調(diào)整顯示模塊40電連接，用于接收顯示所述隱藏列數(shù)據(jù)的指令；監(jiān)聽模塊60，與所述獲取模塊10電連接，用于監(jiān)聽所述當(dāng)前屏幕的分辨率中所述水平方向的像素是否改變；配置模塊70，與所述存儲模塊20電連接，用于配置多種所述水平方向的像素對應(yīng)的所述預(yù)設(shè)規(guī)則。

具體的，當(dāng)瀏覽器裝載頁面時(其頁面主要是以系統(tǒng)表格的方式進行顯示)，智能終端根據(jù)屏幕的分辨率大小及分辨中水平方向的像素對應(yīng)的預(yù)設(shè)規(guī)則，來調(diào)整系統(tǒng)表格中的列數(shù)據(jù)，使調(diào)整后的系統(tǒng)表格能夠適應(yīng)智能終端的當(dāng)前屏幕；對于因為分辨率過小而需要隱藏的列數(shù)據(jù)，在接收到用戶顯示隱藏列數(shù)據(jù)的指令后，會顯示這些經(jīng)過重新排列的列數(shù)據(jù)；當(dāng)智能終端因為旋轉(zhuǎn)而造成分辨率變化后，會再次自動調(diào)整顯示布局，以適應(yīng)當(dāng)前的屏幕；大大提高了用戶的使用體驗；且采用angular組件的方式提供給其它前端系統(tǒng)使用、整合，保證了良好的兼容性，易于普及、推廣。

應(yīng)當(dāng)說明的是，上述實施例均可根據(jù)需要自由組合。以上所述僅是本發(fā)明的優(yōu)選實施方式，應(yīng)當(dāng)指出，對于本技術(shù)領(lǐng)域的普通技術(shù)人員來說，在不脫離本發(fā)明原理的前提下，還可以做出若干改進和潤飾，這些改進和潤飾也應(yīng)視為本發(fā)明的保護范圍。