一种页面显示的方法及终端与流程

本发明涉及互联网技术领域，尤其涉及一种页面显示的方法及终端。

背景技术：

当用户在不同终端上访问同一个页面时，由于该页面可能不适配某些终端，页面所呈现的显示效果可能会和预期的不一致，显示效果不佳，影响了用户的使用与观看，从而需要解决页面在多终端的显示问题。

现有的一种解决方案为：在多终端中确定一个主流终端，页面参照该主流终端的尺寸以及分辨率进行设计，当页面需要在其他的终端中显示时，将页面对其居中进行显示。

然而，当某一个终端的尺寸大于该主流终端的尺寸，且分辨率大于该主流终端的分辨率时，若该页面需要在该终端中进行显示，由于该页面与该终端不完全匹配，所以页面在该终端中的显示效果没有达到最佳。由此，现有方案中在多终端显示页面所能达到的显示效果存在不足。

技术实现要素：

本发明实施例提供了一种页面显示的方法及终端，能够提高在多终端显示页面所能达到的显示效果。

有鉴于此，本发明实施例第一方面提供了一种页面显示的方法，可包括：

终端获取目标页面在原始状态下的页面尺寸；

当所述终端检测到所述目标页面处于目标状态下时，所述终端确定与所述目标页面的特征类型相匹配的页面适配模式；

所述终端根据所述页面适配模式调整所述页面尺寸；

所述终端使用调整后的页面尺寸显示所述目标页面。

本发明实施例第二方面提供了一种终端，可包括：

获取模块，用于获取目标页面在原始状态下的页面尺寸；

确定模块，当检测到所述目标页面处于目标状态下时，确定与所述目标页面的特征类型相匹配的页面适配模式；

调整模块，用于根据所述页面适配模式调整所述页面尺寸；

显示模块，用于使用调整后的页面尺寸显示所述目标页面。

从以上技术方案可以看出，本发明实施例具有以下优点：终端获取目标页面在原始状态下的页面尺寸；当终端检测到目标页面处于目标状态下时，终端开始进行页面适配模式分析，终端通过页面适配模式分析确定与目标页面的特征类型相匹配的页面适配模式；终端根据页面适配模式对页面尺寸进行宽度缩放或高度缩放等调整；最后终端使用调整后的页面尺寸显示调整后的目标页面。可见，通过页面适配模式对原有页面的宽度和高度进行整体调整适配，以提高原有页面在各种状态下所能达到的显示效果，即能够提高在多终端显示页面所能达到的显示效果。

附图说明

为了更清楚地说明本发明实施例的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。

图1为本发明实施例所提供的一种页面显示的方法原理示意图；

图2-a为本发明实施例所提供的一种auto模式下随着浏览器窗口放大而放大的页面示意图；

图2-b为本发明实施例所提供的一种contain模式下照片在不同手机相册中的预览效果示意图；

图2-c为本发明实施例所提供的一种cover模式下手游界面示意图；

图3为本发明实施例所提供的一种页面显示的方法流程示意图；

图4为本发明实施例所提供的终端结构示意图；

图5为本发明实施例所提供的终端另一结构示意图；

图6为本发明实施例所提供的终端另一结构示意图。

具体实施方式

本发明实施例提供了一种页面显示的方法及终端，能够提高在多终端显示页面所能达到的显示效果。

本发明的说明书和权利要求书及上述附图中的术语“第一”、“第二”、“第三”、“第四”等(如果存在)是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本发明的实施例例如能够以除了在这里图示或描述的那些以外的顺序实施。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。

应理解，本发明技术方案所提供的一种页面显示的方法可以适配各种终端，使得原有页面在各终端下都能还原原始视觉展示效果。为便于理解本发明技术方案，下面介绍下本发明技术方案的原理，请参阅图1，图1为本发明技术方案所提供的一种页面显示的方法原理示意图。

下面对该原理示意图中的重要部分进行说明：

页面原始大小：终端可以通过分析或者定义的方式，获取原始设计稿或者移动页面在原始标准状态(为便于描述，下文简称为原始状态)下的宽度和高度。

监听设备：监听onresize事件，在用户初始化页面或者用户旋转手机的时候调用引擎获取当前状态下所需的宽度和高度。

此外，监听设备可以从四个角度进行页面的监听，这四个角度可以分别为：window.orientation＝＝0°、45°、90°以及180°。监听设备还可以从其他角度进行监听，此处不作限定。

自动(auto)模式：保持页面的宽高比，调整页面的宽度，使页面宽度完全包含在当前浏览器窗口中。

包含(contain)模式：保持页面的宽高比，调整页面的宽度或高度(较大者)，使页面完全包含在浏览器窗口中，页面水平垂直居中，左右或上下可能出现空白，页面背景使用纯色或可复制背景，适合滑屏页面以及单屏页面。

覆盖(cover)模式：保持页面的宽高比，调整页面的宽度或高度(较小者)，使页面完全覆盖当前浏览器窗口，页面水平垂直居中，超出浏览器窗口左右或上下的内容会被隐藏，适合滑屏页面、单屏页面，且页面边缘无重要内容。

为进一步理解auto模式、contain模式以及cover模式，请参阅图2，图2-a提供了一种auto模式下随着浏览器窗口放大而放大的页面示意图，图2-b提供了一种contain模式下照片在不同手机相册中的预览效果示意图，图2-c提供了一种cover模式下手游界面示意图。

显然，本发明通过合理利用三大页面适配模式对原有页面的宽度或高度进行整体调整适配，使得原有页面在各终端下都能还原原始视觉展示效果。

下面通过具体实施例对本发明实施例中的页面显示的方法进行说明，请参阅图3，本发明实施例中页面显示的方法一个实施例包括：

101、终端获取目标页面在原始状态下的页面尺寸；

本实施例中，目标页面为需要在终端上进行显示的一个页面，终端在对目标页面进行显示前，为了提高目标页面在终端的浏览器窗口中的显示效果，终端需要对目标页面进行相应的处理，相应的处理流程中包含：终端获取目标页面在原始状态下的页面尺寸。

需要说明的是，终端可以通过分析或者定义的方式来获取目标页面在原始状态下的页面宽度和高度，目标页面可以但不限于原始设计稿以及移动页面，终端包括但不限于手机以及平板。

102、当终端检测到目标页面处于目标状态下时，终端确定与目标页面的特征类型相匹配的页面适配模式；

一般而言，目标页面在原始状态下的页面尺寸在目标状态下是不适配的，所以终端需要对目标页面的页面尺寸进行调整，以达到调整后的目标页面的页面尺寸与目标状态相适配的目的。

在本发明的一些实施例中，上述终端确定与目标页面的特征类型相匹配的页面适配模式之前包括：

若终端检测到目标页面的初始化操作，或终端的横屏及竖屏的切换操作，则终端确定目标页面处于目标状态下。

终端的横屏及竖屏的切换操作可以为用户对终端的旋转操作。

需要说明的是，当目标页面处于目标状态下时，即表示目标页面需要在终端上进行显示，目标状态包括但不限于目标页面的初始化状态，以及横屏及竖屏的切换操作。其中，横屏及竖屏的切换操作可以为横屏切换至竖屏，还可以为竖屏切换至横屏，此处不作限定。

可见，通过提供一种检测目标页面的初始化操作或终端的横屏及竖屏的切换操作的方法，来确定目标页面是否处于目标状态下，从而对目标状态的进行说明，以进一步说明目标状态的含义，从而完善本发明的技术方案。

另外，终端确定与目标页面的特征类型相匹配的页面适配模式可以采用多种方式实现，下面分别进行说明：

一：通过页面边缘的特征类型确定页面适配模式；

具体的，在本发明的一些实施例中，上述终端确定与目标页面的特征类型相匹配的页面适配模式包括：

终端获取目标页面的页面边缘的特征类型；终端确定与页面边缘的特征类型相匹配的页面适配模式。

本实施例中，目标页面的页面边缘可能存在重要内容，也可能不存在重要内容，比如页面边缘无内容，为空白。针对页面边缘存在重要内容的目标页面以及页面边缘不存在重要内容的目标页面所匹配的页面适配模式是不一样的。例如，当目标页面的页面边缘存在重要内容时，页面适配模式可以为图1所示的auto模式；当目标页面的页面边缘不存在重要内容时，页面适配模式可以为contain模式或cover模式。

二：通过目标页面的是否为滑屏页面或单屏页面确定适配模式；

具体的，在本发明的一些实施例中，上述终端确定与目标页面的特征类型相匹配的页面适配模式包括：

终端获取目标页面的特征类型；若终端根据目标页面的特征类型确定目标页面为滑屏页面或单屏页面，则确定与滑屏页面以及单屏页面相匹配的页面适配模式。

本实施例中，目标页面可以为滑屏页面、单屏页面或双屏页面，当目标页面为滑屏页面或单屏页面时，终端可以确定与滑屏页面以及单屏页面相匹配的页面适配模式，比如contain模式和cover模式；当目标页面为双屏页面时，终端可以确定与双屏页面相匹配的页面适配模式，比如auto模式。

103、终端根据页面适配模式调整页面尺寸；

104、终端使用调整后的页面尺寸显示目标页面。

本实施例中，终端获取目标页面在原始状态下的页面尺寸；当终端检测到目标页面处于目标状态下时，终端开始进行页面适配模式分析，终端通过页面适配模式分析确定与目标页面的特征类型相匹配的页面适配模式；终端根据页面适配模式对页面尺寸进行宽度缩放或高度缩放等调整；最后终端使用调整后的页面尺寸显示调整后的目标页面。可见，通过页面适配模式对原有页面的宽度和高度进行整体调整适配，以提高原有页面在各种状态下所能达到的显示效果，即能够提高在多终端显示页面所能达到的显示效果。

在本发明的一些实施例中，上述终端确定目标页面处于目标状态下之后还包括：

终端确定目标页面在目标状态下所适配的窗口尺寸。

其中，该窗口尺寸可以与浏览器窗口尺寸相同，但是需要保证目标页面具有良好的显示效果。若不能保证目标页面具有良好的显示效果，则终端需要确定一个合适的窗口尺寸，该确定的窗口尺寸与浏览器窗口尺寸不相同，但目标页面也能够展示出良好的显示效果。

进一步的，在本发明的一些实施例中，上述终端根据页面适配模式调整页面尺寸包括：

终端根据页面适配模式将目标页面的页面尺寸调整为窗口尺寸。

更进一步的，在本发明的一些实施例中，上述终端根据页面适配模式将目标页面的页面尺寸调整为窗口尺寸包括：

在目标页面的宽度与高度的比值不变的条件下，终端调整目标页面的宽度或高度，以将目标页面的页面尺寸调整为窗口尺寸。

更进一步的，在本发明的一些实施例中，上述终端调整目标页面的宽度或高度，以将目标页面的页面尺寸调整为窗口尺寸包括：

终端调整目标页面的宽度，以将目标页面的页面尺寸调整为窗口尺寸，且窗口的宽度包含在当前浏览器窗口中，即auto模式；或，终端调整目标页面的宽度和高度中的较小者，以将目标页面的页面尺寸调整为窗口尺寸，且窗口完全覆盖当前浏览器窗口，目标页面的窗口水平垂直居中，目标页面的窗口超出当前浏览器窗口的部分被隐藏，即cover模式；或，终端调整目标页面的宽度和高度中的较大者，以将目标页面的页面尺寸调整为窗口尺寸，且目标页面的窗口完全包含在当前浏览器窗口中，目标页面的窗口水平垂直居中，即contain模式。

需要说明的是，在允许目标页面出现滚条以及底部空白的条件下，终端可以选择auto模式。如果该目标页面的背景是纯色的，目标页面经过镂空渐变处理，终端选择auto模式所达到的显示效果较好。cover模式适用于长方形尺寸的目标页面，并且目标页面的左右页面边缘不存在重要内容，目标页面上下两边能够完全融于浏览器窗口中，目标页面左右两边虽然超出浏览器窗口边缘，但是由于左右两边页面边缘不存在重要内容，所以终端选择cover模式所达到的显示效果较好。contain模式调整目标页面的宽度和高度中的较大者，宽度和高度中的较大者填满浏览器窗口，显然，宽度和高度中的较小者不会超出浏览器窗口，从而contain模式适合需要在浏览器窗口内展示完整信息的目标页面，以达到良好的显示效果。

此外，当终端使用调整后的页面尺寸显示目标页面后，若终端检测到横屏及竖屏的切换操作，那么此时目标页面的宽度和高度会在切换过程中发生变化，导致目标页面没有良好的显示效果。所以需要再次调整目标页面的尺寸，即需要对目标页面的宽度和高度进行重新计算，比如终端的浏览器宽度是320px，经过切换操作后，变为480px。如果目标页面在原始状态下的页面宽度为300，那么存在一个缩放比例，缩放比例可以为浏览器宽度/页面宽度，或者浏览器高度/页面宽度。显然，若切换操作前的缩放比例为320/300，则切换操作后的缩放比例为480/300，即缩放比例发生了变化。那么终端可以在确定缩放中心的条件下(一般为浏览器窗口中心)，根据缩放比例480/300以及相应的页面适配模式调整目标页面的页面尺寸，使得经过切换操作后的目标页面仍然具有良好的显示效果。

为便于理解，下面以一个具体应用场景对本发明中页面显示的方法进行详细描述，具体为：

用户a使用手机浏览网页，其中手机浏览器尺寸为320px×480px。当用户a将要开启网页页面b时，手机通过对网页页面b进行分析，在确定网页页面b在设计之初时的宽度为300px，高度为400px后，若确定网页页面b为滑屏页面或单屏页面，且网页页面b的页面边缘无重要内容，则采用cover模式，即在保持网页页面b的宽度与高度的比值不变的条件下，手机将网页页面b的宽度从300px调整为320px，手机显示调整后的网页页面b；若确定网页页面b为滑屏页面或单屏页面，且网页页面b的页面边缘有重要内容，则采用contain模式，即在保持网页页面b的宽度与高度的比值不变的条件下，手机将网页页面b的高度从400px调整为480px，手机显示调整后的网页页面b；若确定网页页面b存在滚动条且网页页面b的底部为空白，则采用auto模式，即在保持网页页面b的宽度与高度的比值不变的条件下，手机将网页页面b的宽度从300px调整为320px，手机显示调整后的网页页面b。

下面对本发明实施例中的终端进行详细描述，请参阅图4，本发明实施例中的终端包括：

获取模块201，用于获取目标页面在原始状态下的页面尺寸；

确定模块202，当检测到目标页面处于目标状态下时，确定与目标页面的特征类型相匹配的页面适配模式；

调整模块203，用于根据确定模块202确定的页面适配模式调整获取模块201获取到的页面尺寸；

显示模块204，用于使用调整模块203调整后的页面尺寸显示目标页面。

本实施例中，获取模块201获取目标页面在原始状态下的页面尺寸；当检测到目标页面处于目标状态下时，确定模块202开始进行页面适配模式分析，通过页面适配模式分析确定与目标页面的特征类型相匹配的页面适配模式；调整模块203根据页面适配模式对页面尺寸进行宽度缩放或高度缩放等调整；最后显示模块204使用调整后的页面尺寸显示调整后的目标页面。可见，通过页面适配模式对原有页面的宽度和高度进行整体调整适配，以提高原有页面在各种状态下所能达到的显示效果，即能够提高在多终端显示页面所能达到的显示效果。

可选的，在本发明的一个可选实施例中，上述确定模块202，具体用于若检测到目标页面的初始化操作，或终端的横屏及竖屏的切换操作，则确定目标页面处于目标状态下。

需要说明的是，当目标页面处于目标状态下时，即表示目标页面需要在终端上进行显示，目标状态包括但不限于目标页面的初始化状态，以及横屏及竖屏的切换操作。其中，横屏及竖屏的切换操作可以为横屏切换至竖屏，还可以为竖屏切换至横屏，此处不作限定。

可见，通过提供一种检测目标页面的初始化操作或终端的横屏及竖屏的切换操作的方法，来确定目标页面是否处于目标状态下，从而对目标状态的进行说明，以进一步说明目标状态的含义，从而完善本发明的技术方案。

可选的，在本发明的一个可选实施例中，上述确定模块202，还用于在确定目标页面处于目标状态下之后，确定目标页面在目标状态下所适配的窗口尺寸。

其中，该窗口尺寸可以与浏览器窗口尺寸相同，但是需要保证目标页面具有良好的显示效果。若不能保证目标页面具有良好的显示效果，则终端需要确定一个合适的窗口尺寸，该确定的窗口尺寸与浏览器窗口尺寸不相同，但目标页面也能够展示出良好的显示效果。

可选的，在本发明的一个可选实施例中，上述调整模块203，具体用于根据页面适配模式将目标页面的页面尺寸调整为所述窗口尺寸。

可选的，在本发明的一个可选实施例中，上述调整模块203，具体用于在目标页面的宽度与高度的比值不变的条件下，调整目标页面的宽度或高度，以将目标页面的页面尺寸调整为窗口尺寸。

可选的，在本发明的一个可选实施例中，上述调整模块203，具体用于调整目标页面的宽度，以将目标页面的页面尺寸调整为窗口尺寸，且窗口的宽度包含在当前浏览器窗口中；或，调整目标页面的宽度和高度中的较小者，以将目标页面的页面尺寸调整为窗口尺寸，且窗口完全覆盖当前浏览器窗口，目标页面的窗口水平垂直居中，目标页面的窗口超出当前浏览器窗口的部分被隐藏；或，调整目标页面的宽度和高度中的较大者，以将目标页面的页面尺寸调整为窗口尺寸，且目标页面的窗口完全包含在当前浏览器窗口中，目标页面的窗口水平垂直居中。

需要说明的是，在允许目标页面出现滚条以及底部空白的条件下，终端可以选择auto模式。如果该目标页面的背景是纯色的，目标页面经过镂空渐变处理，终端选择auto模式所达到的显示效果较好。cover模式适用于长方形尺寸的目标页面，并且目标页面的左右页面边缘不存在重要内容，目标页面上下两边能够完全融于浏览器窗口中，目标页面左右两边虽然超出浏览器窗口边缘，但是由于左右两边页面边缘不存在重要内容，所以终端选择cover模式所达到的显示效果较好。contain模式调整目标页面的宽度和高度中的较大者，宽度和高度中的较大者填满浏览器窗口，显然，宽度和高度中的较小者不会超出浏览器窗口，从而contain模式适合需要在浏览器窗口内展示完整信息的目标页面，以达到良好的显示效果。

可选的，在本发明的一个可选实施例中，上述确定模块202，具体用于获取目标页面的页面边缘的特征类型；确定与页面边缘的特征类型相匹配的页面适配模式。

本实施例中，目标页面的页面边缘可能存在重要内容，也可能不存在重要内容，比如页面边缘无内容，为空白。针对页面边缘存在重要内容的目标页面以及页面边缘不存在重要内容的目标页面所匹配的页面适配模式是不一样的。例如，当目标页面的页面边缘存在重要内容时，页面适配模式可以为图1所示的auto模式；当目标页面的页面边缘不存在重要内容时，页面适配模式可以为contain模式或cover模式。

可选的，在本发明的一个可选实施例中，上述确定模块202，具体用于获取目标页面的特征类型；若根据目标页面的特征类型确定目标页面为滑屏页面或单屏页面，则确定与滑屏页面以及单屏页面相匹配的页面适配模式。

本实施例中，目标页面可以为滑屏页面、单屏页面或双屏页面，当目标页面为滑屏页面或单屏页面时，终端可以确定与滑屏页面以及单屏页面相匹配的页面适配模式，比如contain模式和cover模式；当目标页面为双屏页面时，终端可以确定与双屏页面相匹配的页面适配模式，比如auto模式。

上面从模块化功能实体的角度对本发明实施例中的终端进行了描述，下面从硬件处理的角度对本发明实施例中的终端进行描述，请参阅图5，本发明实施例中的终端包括：接收器301、处理器302以及存储器303。

本发明实施例涉及的终端可以具有比图5所示出的更多或更少的部件，可以组合两个或更多个部件，或者可以具有不同的部件配置或设备，各个部件可以在包括一个或多个信号处理和/或专用集成电路在内的硬件、软件或硬件和软件的组合实现。

接收器301用于执行如下操作：

获取目标页面在原始状态下的页面尺寸。

处理器302用于执行如下操作：

当检测到目标页面处于目标状态下时，确定与目标页面的特征类型相匹配的页面适配模式；

根据页面适配模式调整页面尺寸；

使用调整后的页面尺寸显示目标页面。

存储器303用于存储处理器302执行相应的操作所需要的指令。

本实施例中，接收器301获取目标页面在原始状态下的页面尺寸；当处理器302检测到目标页面处于目标状态下时，处理器302开始进行页面适配模式分析，处理器302通过页面适配模式分析确定与目标页面的特征类型相匹配的页面适配模式；处理器302根据页面适配模式对页面尺寸进行宽度缩放或高度缩放等调整；最后处理器302使用调整后的页面尺寸显示调整后的目标页面。可见，通过页面适配模式对原有页面的宽度和高度进行整体调整适配，以提高原有页面在各种状态下所能达到的显示效果，即能够提高在多终端显示页面所能达到的显示效果。

可选的，处理器302还用于执行如下操作：

若检测到目标页面的初始化操作，或终端的横屏及竖屏的切换操作，则确定目标页面处于目标状态下。

可见，通过提供一种检测目标页面的初始化操作或终端的横屏及竖屏的切换操作的方法，来确定目标页面是否处于目标状态下，从而对目标状态的进行说明，以进一步说明目标状态的含义，从而完善本发明的技术方案。

可选的，处理器302还用于执行如下操作：

在确定目标页面处于目标状态下之后，确定目标页面在目标状态下所适配的窗口尺寸。

其中，该窗口尺寸可以与浏览器窗口尺寸相同，但是需要保证目标页面具有良好的显示效果。若不能保证目标页面具有良好的显示效果，则终端需要确定一个合适的窗口尺寸，该确定的窗口尺寸与浏览器窗口尺寸不相同，但目标页面也能够展示出良好的显示效果。

可选的，处理器302还用于执行如下操作：

根据页面适配模式将目标页面的页面尺寸调整为所述窗口尺寸。

可选的，处理器302还用于执行如下操作：

在目标页面的宽度与高度的比值不变的条件下，调整目标页面的宽度或高度，以将目标页面的页面尺寸调整为窗口尺寸。

可选的，处理器302还用于执行如下操作：

调整目标页面的宽度，以将目标页面的页面尺寸调整为窗口尺寸，且窗口的宽度包含在当前浏览器窗口中；或，调整目标页面的宽度和高度中的较小者，以将目标页面的页面尺寸调整为窗口尺寸，且窗口完全覆盖当前浏览器窗口，目标页面的窗口水平垂直居中，目标页面的窗口超出当前浏览器窗口的部分被隐藏；或，调整目标页面的宽度和高度中的较大者，以将目标页面的页面尺寸调整为窗口尺寸，且目标页面的窗口完全包含在当前浏览器窗口中，目标页面的窗口水平垂直居中。

可选的，处理器302还用于执行如下操作：

获取目标页面的页面边缘的特征类型；确定与页面边缘的特征类型相匹配的页面适配模式。

可选的，处理器302还用于执行如下操作：

获取目标页面的特征类型；若根据目标页面的特征类型确定目标页面为滑屏页面或单屏页面，则确定与滑屏页面以及单屏页面相匹配的页面适配模式。

本发明实施例还提供一种终端，为了便于说明，仅示出了与本发明实施例相关的部分，具体技术细节未揭示的，请参照本发明实施例方法部分。该终端可以为包括手机、平板电脑、pda(personaldigitalassistant，个人数字助理)、pos(pointofsales，销售终端)、车载电脑等任意终端设备，以终端为手机为例：

图6示出的是与本发明实施例提供的终端相关的手机的部分结构的框图。参考图6，手机包括：射频(radiofrequency，rf)电路410、存储器420、输入单元430、显示单元440、传感器450、音频电路460、无线保真(wirelessfidelity，wifi)模块470、处理器480、以及电源490等部件。本领域技术人员可以理解，图6中示出的手机结构并不构成对手机的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。

下面结合图6对手机的各个构成部件进行具体的介绍：

rf电路410可用于收发信息或通话过程中，信号的接收和发送，特别地，将基站的下行信息接收后，给处理器480处理；另外，将设计上行的数据发送给基站。通常，rf电路410包括但不限于天线、至少一个放大器、收发信机、耦合器、低噪声放大器(lownoiseamplifier，lna)、双工器等。此外，rf电路410还可以通过无线通信与网络和其他设备通信。上述无线通信可以使用任一通信标准或协议，包括但不限于全球移动通讯系统(globalsystemofmobilecommunication，gsm)、通用分组无线服务(generalpacketradioservice，gprs)、码分多址(codedivisionmultipleaccess，cdma)、宽带码分多址(widebandcodedivisionmultipleaccess,wcdma)、长期演进(longtermevolution，lte)、电子邮件、短消息服务(shortmessagingservice，sms)等。

存储器420可用于存储软件程序以及模块，处理器480通过运行存储在存储器420的软件程序以及模块，从而执行手机的各种功能应用以及数据处理。存储器420可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需的应用程序(比如声音播放功能、图像播放功能等)等；存储数据区可存储根据手机的使用所创建的数据(比如音频数据、电话本等)等。此外，存储器420可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。

输入单元430可用于接收输入的数字或字符信息，以及产生与手机的用户设置以及功能控制有关的键信号输入。具体地，输入单元430可包括触控面板431以及其他输入设备432。触控面板431，也称为触摸屏，可收集用户在其上或附近的触摸操作(比如用户使用手指、触笔等任何适合的物体或附件在触控面板431上或在触控面板431附近的操作)，并根据预先设定的程式驱动相应的连接装置。可选的，触控面板431可包括触摸检测装置和触摸控制器两个部分。其中，触摸检测装置检测用户的触摸方位，并检测触摸操作带来的信号，将信号传送给触摸控制器；触摸控制器从触摸检测装置上接收触摸信息，并将它转换成触点坐标，再送给处理器480，并能接收处理器480发来的命令并加以执行。此外，可以采用电阻式、电容式、红外线以及表面声波等多种类型实现触控面板431。除了触控面板431，输入单元430还可以包括其他输入设备432。具体地，其他输入设备432可以包括但不限于物理键盘、功能键(比如音量控制按键、开关按键等)、轨迹球、鼠标、操作杆等中的一种或多种。

显示单元440可用于显示由用户输入的信息或提供给用户的信息以及手机的各种菜单。显示单元440可包括显示面板441，可选的，可以采用液晶显示器(liquidcrystaldisplay，lcd)、有机发光二极管(organiclight-emittingdiode,oled)等形式来配置显示面板441。进一步的，触控面板431可覆盖显示面板441，当触控面板431检测到在其上或附近的触摸操作后，传送给处理器480以确定触摸事件的类型，随后处理器480根据触摸事件的类型在显示面板441上提供相应的视觉输出。虽然在图6中，触控面板431与显示面板441是作为两个独立的部件来实现手机的输入和输入功能，但是在某些实施例中，可以将触控面板431与显示面板441集成而实现手机的输入和输出功能。

手机还可包括至少一种传感器450，比如光传感器、运动传感器以及其他传感器。具体地，光传感器可包括环境光传感器及接近传感器，其中，环境光传感器可根据环境光线的明暗来调节显示面板441的亮度，接近传感器可在手机移动到耳边时，关闭显示面板441和/或背光。作为运动传感器的一种，加速计传感器可检测各个方向上(一般为三轴)加速度的大小，静止时可检测出重力的大小及方向，可用于识别手机姿态的应用(比如横竖屏切换、相关游戏、磁力计姿态校准)、振动识别相关功能(比如计步器、敲击)等；至于手机还可配置的陀螺仪、气压计、湿度计、温度计、红外线传感器等其他传感器，在此不再赘述。

音频电路460、扬声器461，传声器462可提供用户与手机之间的音频接口。音频电路460可将接收到的音频数据转换后的电信号，传输到扬声器461，由扬声器461转换为声音信号输出；另一方面，传声器462将收集的声音信号转换为电信号，由音频电路460接收后转换为音频数据，再将音频数据输出处理器480处理后，经rf电路410以发送给比如另一手机，或者将音频数据输出至存储器420以便进一步处理。

wifi属于短距离无线传输技术，手机通过wifi模块470可以帮助用户收发电子邮件、浏览网页和访问流式媒体等，它为用户提供了无线的宽带互联网访问。虽然图6示出了wifi模块470，但是可以理解的是，其并不属于手机的必须构成，完全可以根据需要在不改变发明的本质的范围内而省略。

处理器480是手机的控制中心，利用各种接口和线路连接整个手机的各个部分，通过运行或执行存储在存储器420内的软件程序和/或模块，以及调用存储在存储器420内的数据，执行手机的各种功能和处理数据，从而对手机进行整体监控。可选的，处理器480可包括一个或多个处理单元；优选的，处理器480可集成应用处理器和调制解调处理器，其中，应用处理器主要处理操作系统、用户界面和应用程序等，调制解调处理器主要处理无线通信。可以理解的是，上述调制解调处理器也可以不集成到处理器480中。

手机还包括给各个部件供电的电源490(比如电池)，优选的，电源可以通过电源管理系统与处理器480逻辑相连，从而通过电源管理系统实现管理充电、放电、以及功耗管理等功能。

尽管未示出，手机还可以包括摄像头、蓝牙模块等，在此不再赘述。

在本发明实施例中，该终端所包括的处理器480还具有以下功能：获取目标页面在原始状态下的页面尺寸；当检测到目标页面处于目标状态下时，确定与目标页面的特征类型相匹配的页面适配模式；根据页面适配模式调整页面尺寸；使用调整后的页面尺寸显示目标页面。

所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的系统，装置和单元的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。

在本申请所提供的几个实施例中，应该理解到，所揭露的系统，装置和方法，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如，所述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。

所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。

另外，在本发明各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。

所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：u盘、移动硬盘、只读存储器(rom，read-onlymemory)、随机存取存储器(ram，randomaccessmemory)、磁碟或者光盘等各种可以存储程序代码的介质。

以上所述，以上实施例仅用以说明本发明的技术方案，而非对其限制；尽管参照前述实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围。