將網站設計中網頁的高度與寬度分別固定在一個數值范圍內,從而上頁面中各個設計元素的大小及位置都固定不變,這就是網站建設中的固定布局。其與流式布局以及彈性布局相比較,固定布局對于網頁中各個設計元素把控度更高,其能夠精準控制整個網頁布局。
1、 固定布局的優點
①控制設計元素更加精準
在固定布局中,網頁的所有元素的大小以及位置都可以被設計師精準掌控,從而能夠讓設計師更好地設計出優秀的作品。
②兼容性強
在網站設計中,固定布局有很強的適應性,其不需要考慮屏幕的尺寸大小,而是直接采用固定式設計,這樣就不會使整個網頁在不同的設備上產生顯示布局凌亂的問題。
2、 固定布局的劣勢
①雖然其在不同的移動設備和不同尺寸的屏幕上能夠完全展現所有的功能,但這需要借助滾動條的設計,這無意中就增加了用戶的操作難度。
②網站設計中,因為固定式布局的設計元素的位置、大小都是固定的,其不會根據屏幕尺寸的大小而實時發生改變,所以其顯示有時會有些呆板不靈活,缺乏活力。
3、 固定布局的實現
①在一個容器內設置固定的寬度,這樣在容器內的所有元素就不會收到屏幕尺寸變化的形象,而會一直都能夠完全顯示出來。
②把字號與行高也設計為固定值,這就能配合其它固定布局的元素。
③在網站設計中,圖片的尺寸也要固定。