系统粉 > 系统教程 > 电脑软件教程

网页如何选择分辨率和首页高度,网页选择分辨率和首页高度的方法

发布时间:2017-07-04 14:41:23    浏览数:

今天给大家带来网页如何选择分辨率和首页高度,网页选择分辨率和首页高度的方法,让您轻松解决问题。

首屏的高度直接跟客户端的各种客观的条件有关系,因为我们要确定首屏的高度(标注首屏线)就需要结合一些相对准确的内部统计数据来分析了,根据各个客户端的操作系统、浏览器分布和屏幕分辨率等情况,并结合常见浏览器状态栏、任务栏等高度进行分析如下:

具体方法如下:

1

分析常见分辨率及浏览器下高度数据

综合上面表中各个分辨率及浏览器下的统计数据,我们很容易画出两条首屏线,分别为 580PX 和 710PX,对应不同的分辨率。

2

分析客户端实际分辨率及浏览器可见区域

通过收集的用户数据我们可以得出如下数据:

1) 1024×768, 1440×900, 1366×768, 1280×800 分辨率是大部分客户端的设置;

2) 客户端分辨率总类非常多,不常见的分辨率比例里面占了相当多的种类;

3) 随着硬件的升级换代800×600,1024×600 等600PX高度的分辨率在逐步消失。

通过对大于30W台客户端用户进行测试,得到的测试数据如下:

1) viewport 高度低于等于 580 的有 116786 个人,占 44.64%

2) viewport 高度低于等于 720 的有 216227 个人,占 82.64%

3) viewport 高度低于等于 800 的有 241420 个人,占 92.27%

4) viewport 高度低于等于 900 的有 259174 个人,占 99.06%

3

浏览器可见区域热区图分析

综合上面三个步骤,最终我们可以确定:

1、通过分析上面浏览器常见热区分布图我们可以看出来:在网页设计时如果把页面首屏高度定在大于600像素的分辨率上,有可能会导致很多的用户看不完整,考虑到良好的用户体验度,建议:网页设计师在设计网页时以600像素作为首屏高度来设计;

2、根据用户可见区域高度统计图及整体二八比例划分的原则,如果把首屏高度确定在710像素可以照顾到约80%的用户群体,小K建议:前端开发在做页面时可考虑把710 像素视为首屏区域高度,采用技术手段对首屏的表现进行优先加载可获得良好的用户体验度。

以上就是网页如何选择分辨率和首页高度,网页选择分辨率和首页高度的方法教程,希望本文中能帮您解决问题。

上一篇:苹果手机用什么方法更换apple id,苹果手机更换apple id要怎麽操作 下一篇:索尼各机型手动进入fastboot模式用什么方式,索尼各机型怎麽手动进入fastboot模式

电脑软件相关教程