[發明專利]顯示內容的方法和實現所述方法的電子設備

在審

• 申請號: 201610003663.8
• 申請日: 2016-01-04
• 公開（公告）號: CN105760064A
• 公開（公告）日: 2016-07-13
• 發明（設計）人: 金庚泰
• 申請（專利權）人: 三星電子株式會社
• 主分類號: G06F3/0483
• 分類號: G06F3/0483;G06F3/0485;G06F3/14
• 代理公司: 中科專利商標代理有限責任公司 11021
• 代理人: 李敬文

技術領域

本公開涉及可以顯示內容的電子設備。

背景技術

通常，諸如智能電話、平板個人計算機(PC)等之類的電子設備可以在屏幕上顯示內容(例如，電子文檔)。此時，電子文檔(例如網頁)可以大于屏幕，因此只能在屏幕上顯示電子文檔的一部分。電子設備可以響應于用戶輸入(例如，通過觸摸屏上的輸入體(例如，手指、筆等)進行拖曳)來移動網頁的顯示區域，并且顯示網頁的另一部分。

以上信息只是作為背景信息來輔助理解本公開。并不是做出判斷或者承認以上任意內容可以應用為相對于本公開的現有技術。

發明內容

例如，按照層疊式樣式表(CSS)或超文本鏈接標示語言(HTML)來實現網頁。電子設備可以基于屏幕(換句話說，視口(viewport))的寬度(幅寬)來重排和顯示網頁的組成部分。通常根據屏幕寬度大于高度的臺式個人計算機(PC)的環境來限定重排方法。

然而，因為寬度和高度在移動環境中是靈活的(例如，因為用戶通過屏幕旋轉可以顛倒寬度和高度)，存在通過普通重排方法不能滿足的目標。為了滿足這些目的，可以使用下面的重排方法。例如，可以使用諸如固定版面、視口元標簽或設備縮放因子之類的技術。

固定版面：當便攜設備處于人像模式時(也就是說，放置屏幕使得寬度小于高度)，可以將網頁的組成部分放置為垂直方向較長。相反，當便攜設備處于橫向風景模式時，可以將網頁的組成部分放置為水平方向較長。然而與模式切換無關，可能需要固定網頁的寬度。例如，可以將根據經驗獲得的980像素(px)定義為網頁的版面寬度。

視口元標簽：當將標簽“<metaname＝′viewport′content＝′width＝device-width′>”添加至網頁時，便攜設備可以配置為網頁的版面，使得所述網頁的版面寬度適合所述屏幕的視口寬度，并且顯示所述網頁。

縮放因子：便攜設備可以具有高分辨率屏幕。例如，盡管第一便攜設備和第二便攜設備具有相同的屏幕尺寸，第二便攜設備可以實現與第一便攜設備相比更高的分辨率。一些網頁可以排列和顯示為適合第一便攜設備的屏幕的寬度(也就是說視口寬度和版面寬度是相同的)，并且可以設置和顯示為比第二便攜設備中的屏幕的寬度窄(即，視口寬度窄于版面寬度)。也就是說，第二便攜設備的屏幕可以具有空白區。因此，第二便攜設備可以控制縮放因子以減小分辨率并且顯示網頁。例如，當設備的分辨率是640x960時，如果縮放因子(即相應設備的像素比率)配置為2時，設備的邏輯尺寸是320x480。也就是說，視口寬度邏輯地從640減小至320。因此，相應的設備可以按照與具有320x480的分辨率的設備相同的方式來顯示網頁。

根據以上技術，沒有足夠地考慮各種電子設備的屬性(例如分辨率)的網頁可能按照不適于電子設備的屬性(例如，分辨率)的格式來顯示內容。具體地，高分辨率設備(例如16∶9，16∶10)的屏幕可能具有空白區。例如，具有16∶10的分辨率2560x1600的設備的縮放因子可以配置為2或2.5。當縮放因子配置為2時，屏幕的邏輯尺寸是1280x800。“1280”可能不適于表達網頁。例如，當相應的設備處于橫向風景模式(即，1280配置為寬度)并且網頁的寬度是980時，屏幕可以在左側和右側上具有空白區。當縮放因子配置為2.5時，屏幕的邏輯尺寸可以是1024*640。“640”可能不適于表達網頁。例如，當相應的設備處于人像模式(即，640配置為寬度)并且網頁的寬度是980時，屏幕不具有空白區，但是只可以在屏幕上顯示網頁的一部分。

同時，可以將內容劃分為多個區域(換句話說，組成部分)。可以將所述組成部分的至少一個分類為主要組成部分。例如，在網頁的文章和廣告之間，可以將文章分類為主要組成部分。

本公開的多個方面是為了至少解決上述問題和/或缺點，并且為了至少提供下述優點。因此，本公開的一個方面是為了提供一種根據屏幕尺寸來自適應地顯示內容的方法和實現所述方法的電子設備。

本公開的另一個方面是為了提供一種首先顯示內容的主要組成部分的方法和實現所述方法的電子設備。

根據本公開的一個方面，提供了一種電子設備。所述電子設備包括：電子存儲器，配置為存儲內容；顯示器，配置為在屏幕上顯示已經確定了版面的內容的至少一部分；以及控制器，配置為：確定所述內容的至少一個組成部分作為主要組成部分，并且確定所述內容的版面寬度，使得所述主要組成部分的寬度窄于或等于屏幕的視口寬度。