流式布局是響應(yīng)式布局設(shè)計(jì)的一種CSS技術(shù)，其主要作用就是對(duì)于屏幕尺寸的變化進(jìn)行不同程度的適應(yīng)。而上海網(wǎng)站建設(shè)公司所使用的流式布局也被稱作百分比式布局，是非固定像素布局的一種。其原理是將頁(yè)面的寬度數(shù)值設(shè)置為百分比數(shù)值，從而依據(jù)屏幕的窗口寬度進(jìn)行自適應(yīng)，這種適應(yīng)不會(huì)受到固定像素的限制，其內(nèi)容會(huì)自動(dòng)對(duì)其兩側(cè)進(jìn)行填充。

1、流式布局

綜上所述，上海網(wǎng)站建設(shè)公司所設(shè)計(jì)的網(wǎng)頁(yè)元素依據(jù)屏幕的分辨率而進(jìn)行自動(dòng)適配調(diào)整，但其頁(yè)面的視覺(jué)布局是不會(huì)改變的。如果屏幕的分辨率發(fā)生改變，那么頁(yè)面內(nèi)的設(shè)計(jì)內(nèi)容其大小也會(huì)隨之改變，但總體的視覺(jué)布局是不會(huì)發(fā)生改變的。

流式布局使用百分比來(lái)定義網(wǎng)頁(yè)的寬度，并且與min-*和max-*的屬性進(jìn)行搭配使用，而其高度大部分是使用固定的px，上海網(wǎng)站建設(shè)公司的這種布局能夠依據(jù)屏幕的發(fā)展與父元素的即時(shí)尺寸進(jìn)行自適應(yīng)，從而來(lái)適配各種不同的屏幕大小。

2、 網(wǎng)格系統(tǒng)

網(wǎng)格系統(tǒng)也可以算作是CSS布局模型，其原理是將整個(gè)頁(yè)面都劃分為幾個(gè)主要的內(nèi)容區(qū)域，然后對(duì)一些區(qū)域的位置、層次以及大小進(jìn)行重新定義。它能自動(dòng)通過(guò)一些內(nèi)容容器、列、行和內(nèi)容的對(duì)齊進(jìn)行操作，而且能夠同時(shí)處理行與列的關(guān)系。是近些年來(lái)上海網(wǎng)站建設(shè)公司表現(xiàn)比較提突出的CSS布局方案之一。