上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人
1.2.2 屏幕分辨率
屏幕分辨率就是屏幕分辨图像的清晰度,例如176(像素)×208(像素)的分辨率就是把屏幕分成176列208行,其中每个单元就是一个像素。分辨率越高,则像素点越小,显示的图像就越细腻,如图1-5所示。
图1-5 屏幕放大后的像素点
屏幕分辨率直接决定了网站设计制作的尺寸。网页的局限性就在于无法突破显示器的范围,而且浏览器也将占去不少空间,使留下的页面范围变得越来越小。
在设计页面时,布局的难点在于用户各自的环境是不同的。在常用的1024×768和800×600分辨率下看起来都很美观的布局设计是相当困难的,如图1-6所示为网页在不同分辨率下的显示效果。
图1-6 不同分辨率下的显示效果
由于浏览器本身要占有一定的尺寸,所以在1024×768分辨率的情况下,页面的显示尺寸为1007(像素)×600(像素);在800×600(像素)的情况下,页面的现实尺寸为780(像素)×428(像素)。
在网页设计制作过程中,向下拖动页面是给网页增加更多内容(尺寸)的方法,但需要提醒大家,除非能够确定页面内容能够吸引大家去观注,否则不要让访问者拖动页面超过3屏。如果需要在同一个页面显示超过3屏内容,那么最好在页面上使用类似于锚点链接这样的技术,以方便浏览者快速查找到需要浏览的内容。
电脑屏幕一次显示的全部内容,称之为1屏。屏幕显示的大小跟显示器尺寸、浏览器设置有直接关系。
提示