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