网页界面空间的影响要素

2021-05-29 22:30:03发布

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


分辨率与显示器

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


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


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

TAG标签: css

登录 后发表评论
0条评论
还没有人评论过~
嘿,我来帮您!