将网站设计中网页的高度与宽度分别固定在一个数值范围内,从而上页面中各个设计元素的大小及位置都固定不变,这就是网站建设中的固定布局。其与流式布局以及弹性布局相比较,固定布局对于网页中各个设计元素把控度更高,其能够精准控制整个网页布局。
1、 固定布局的优点
①控制设计元素更加精准
在固定布局中,网页的所有元素的大小以及位置都可以被设计师精准掌控,从而能够让设计师更好地设计出优秀的作品。
②兼容性强
在网站设计中,固定布局有很强的适应性,其不需要考虑屏幕的尺寸大小,而是直接采用固定式设计,这样就不会使整个网页在不同的设备上产生显示布局凌乱的问题。
2、 固定布局的劣势
①虽然其在不同的移动设备和不同尺寸的屏幕上能够完全展现所有的功能,但这需要借助滚动条的设计,这无意中就增加了用户的操作难度。
②网站设计中,因为固定式布局的设计元素的位置、大小都是固定的,其不会根据屏幕尺寸的大小而实时发生改变,所以其显示有时会有些呆板不灵活,缺乏活力。
3、 固定布局的实现
①在一个容器内设置固定的宽度,这样在容器内的所有元素就不会收到屏幕尺寸变化的形象,而会一直都能够完全显示出来。
②把字号与行高也设计为固定值,这就能配合其它固定布局的元素。
③在网站设计中,图片的尺寸也要固定。