說到網(wǎng)站頁面的布局,人們通常會(huì)想到“國(guó)字”布局、“廣字”布局、“T”布局等,這些布局類型是從布局類型的視覺效果角度來判斷和分類的. 但實(shí)際上,對(duì)網(wǎng)站頁面的排版布局進(jìn)行分類還是有很多角度的。 下面西安網(wǎng)站制作公司就從各個(gè)元素在網(wǎng)站頁面中的相對(duì)位置來對(duì)布局進(jìn)行分類。
1.絕對(duì)布局
所謂絕對(duì)布局,就是網(wǎng)站頁面中的設(shè)計(jì)元素有一個(gè)固定的位置,無論其周圍元素的設(shè)計(jì)如何變化,都將固定在一個(gè)范圍內(nèi),不會(huì)發(fā)生任何變化。 這樣的布局讓西安網(wǎng)站制作公司能夠更好的控制網(wǎng)站頁面中的元素,能夠很好的適應(yīng)更多的屏幕尺寸。
2.相對(duì)布局
相對(duì)于絕對(duì)布局,通過設(shè)計(jì)元素之間的相對(duì)位置來決定元素的布局。 參與相對(duì)布局的元素的位置會(huì)隨著其周圍的設(shè)計(jì)元素而改變,但其尺寸和元素屬性不會(huì)改變。 這種布局非常適合需要拉伸或壓縮元素的網(wǎng)頁。
3.流式布局
這是西安網(wǎng)站制作公司非常喜歡使用的網(wǎng)站頁面布局形式。 設(shè)計(jì)師會(huì)將網(wǎng)站頁面中的元素按照一定的順序排列。 這種排列的規(guī)則是固定的,但是它們的位置和大小可以隨著設(shè)備屏幕尺寸的變化而變化瀏覽。 它的內(nèi)容和位置會(huì)隨著瀏覽器寬度的變化而變化。 這樣的設(shè)計(jì)無論是對(duì)PC還是移動(dòng)端都非常友好。