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

1、流式布局

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

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

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

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