网页界面空间的影响要素

打开同一个网页时，不同的机器上看到的界面效果可能大不相同，这是由于网页显示媒介的特性所决定的。网页界面空间显示依赖于显示器的分辨率与浏览器这两大因素。

分辨率与显示器

分辨率是屏幕上图片所呈现的精细度。一般而言，较高的分辨率的图片所呈现出来的细节越多、效果越好。屏幕分辨率的单位是像素，是一个相对单位，即物理设备上的1像素。一般以纵向像素×横向像素来表示一个终端设备的分辨率。如当前显示器的屏幕分辨率是1920像素×1080像素，即每一条水平线上包含有1920个像素点，共有1080根水平线。

同一显示器看一个网站，高分辨率与低分辨率看到视觉效果会有一定差别。如同样打开美食节网站，左图分辨率为1920像素×1080像素，能看到的图文信息更小巧丰富，右图分辨率为1366像素×768像素，感觉上略显粗糙，视觉信息展示的较少。

需要特别强调的是屏幕像素密度不是像素分辨率，屏幕像素密度是指屏幕上每英寸可以显示的像素点的数量，单位是像素/英寸（pixels per inch，ppi）。如大多数网站制作常用图片ppi为72，即每英寸像素为72，因此在设计网页的时候需要将ppi设置为72像素/英寸