[发明专利]显示内容的方法和实现所述方法的电子设备

说明书

技术领域

本公开涉及可以显示内容的电子设备。

背景技术

通常，诸如智能电话、平板个人计算机(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时，屏幕不具有空白区，但是只可以在屏幕上显示网页的一部分。

同时，可以将内容划分为多个区域(换句话说，组成部分)。可以将所述组成部分的至少一个分类为主要组成部分。例如，在网页的文章和广告之间，可以将文章分类为主要组成部分。

本公开的多个方面是为了至少解决上述问题和/或缺点，并且为了至少提供下述优点。因此，本公开的一个方面是为了提供一种根据屏幕尺寸来自适应地显示内容的方法和实现所述方法的电子设备。

本公开的另一个方面是为了提供一种首先显示内容的主要组成部分的方法和实现所述方法的电子设备。

根据本公开的一个方面，提供了一种电子设备。所述电子设备包括：电子存储器，配置为存储内容；显示器，配置为在屏幕上显示已经确定了版面的内容的至少一部分；以及控制器，配置为：确定所述内容的至少一个组成部分作为主要组成部分，并且确定所述内容的版面宽度，使得所述主要组成部分的宽度窄于或等于屏幕的视口宽度。