[发明专利]一种显示网页内容的方法及系统

说明书

本发明提供一种显示网页内容的方法和系统，以实现让同一张网页内容自动适应不同大小的屏幕，并根据屏幕宽度自动调整网页内容布局。方法包括：用户终端在显示待显示的网页内容前，根据保存的对应关系确定与所述用户终端的屏幕所属屏幕类别的属性信息相对应的样式方案；其中，所述对应关系至少包含一种屏幕类别的属性信息与样式方案的对应关系；所述样式方案中包括网页内容在网页中所占区域的水平方向宽度值和/或网页中的网页内容的数目，所述属性信息至少包含屏幕所能支持的水平像素数或所述水平像素数所属的像素数区间；所述用户终端根据确定出的样式方案显示所述待显示的网页内容。

技术领域

本申请涉及网络技术领域，特别是涉及一种显示网页内容的方法及系统。

背景技术

网页在现代生活中运作中起着巨大的作用，它有着传播范围广、交互性强、针对性强、受众数量可准确统计、实时、灵活、成本低、感官性强等优点。

网页内容包括图片，文字，视频，推送图片。在现有技术中，网页内容的宽度是固定的。但是，随着科技的进步，个人计算机屏幕分辨率越来越大（一般都在1000像素以上，目前主流宽度是1366×768，有的还达到了2000像素）。 如何实现“一次设计，普遍适用，让同一张网页内容自动适应不同大小的屏幕，并根据屏幕宽度自动调整网页内容布局成为亟待解决的问题。

发明内容

本申请实施例提供一种显示网页内容的方法和系统，以实现让同一张网页内容自动适应不同大小的屏幕，并根据屏幕宽度自动调整网页内容布局。

一种显示网页内容的方法，包括如下步骤：

用户终端在显示待显示的网页内容前，根据保存的对应关系确定与所述用户终端的屏幕所属屏幕类别的属性信息相对应的样式方案；其中，所述对应关系至少包含一种屏幕类别的属性信息与样式方案的对应关系；所述样式方案中包括网页内容在网页中所占区域的水平方向宽度值和/或网页中的网页内容的数目，所述属性信息至少包含屏幕所能支持的水平像素数或所述水平像素数所属的像素数区间；所述用户终端根据确定出的样式方案显示所述待显示的网页内容。

一种显示网页内容的系统，包括：样式方案确定单元，用于在显示待显示的网页内容前，根据保存的对应关系确定与用于显示网页内容的屏幕所属屏幕类别的属性信息相对应的样式方案；其中，所述对应关系至少包含一种屏幕类别的属性信息与样式方案的对应关系；所述样式方案中包括网页内容在网页中所占区域的水平方向宽度值和/或网页中的网页内容的数目，所述属性信息至少包含屏幕所能支持的水平像素数或所述水平像素数所属的像素数区间；显示单元，用于根据样式方案确定单元确定出的样式方案显示所述待显示的网页内容。

按照本发明实施例提供的上述任意一种方案，用户终端可以根据屏幕类别的属性信息与样式方案的对应关系，确定出与用户终端自身的屏幕所属类别的属性信息相对应的样式方案，并按照该样式方案对待显示的网页内容进行显示。由于屏幕类别的属性信息中包含屏幕所能支持的水平像素数或该水平像素数所属的像素数区间，因此本发明实施例提供的上述任意一种方案可以达到根据用户终端自身的屏幕所能支持的水平像素数，来确定对于待显示的网页内容的显示方案的目的，实现让同一张网页内容自动适应不同大小的屏幕，并根据屏幕宽度自动调整网页内容布局。

附图说明

图1为本发明实施例1提供的一种显示网页内容的方法的具体流程示意图；

图2为图片在网页中所占区域的水平方向宽度值的示意图；

图3为按照确定出的样式方案在网页中显示4张图片的示意图；

图4为按照确定出的样式方案在网页中显示两侧增加渐变图片的通栏广告的示意图；

图5为按照确定出的样式方案在网页中显示两侧增加推送图片的通栏广告的示意图；