四種網(wǎng)頁布局的差異!

　　對于企業(yè)來說，肯定是做一個網(wǎng)站可以在多個端口都能習慣閱讀!這樣成本更低方便管理!

　　未來展現(xiàn)流行的趨勢必定是經(jīng)過非固定尺度的規(guī)劃讓網(wǎng)站可隨著多種智能設備尺度靈活改變的展現(xiàn)方法!

　　常見的網(wǎng)頁布局方法分為以下四種：

　　1、固定寬度布局：為網(wǎng)頁設置一個固定的寬度，通常以px做為長度單位，常見于PC端網(wǎng)頁。

　　這種布局方法對規(guī)劃師和CSS編寫者來說都是最簡略的，亦沒有兼容性問題，缺陷顯而易見，即不能依據(jù)用戶的屏幕尺度做出不同的體現(xiàn)。

　　2、流式布局：為網(wǎng)頁設置一個相對的寬度，通常以百分比做為長度單位。

　　這種布局方法用來應對不同尺度的PC屏幕，但缺陷顯著：寬度運用百分比定義，可是高度和文字大小等大都是用px來固定，所以在大屏幕的手機下顯現(xiàn)作用會變成有些頁面元素寬度被拉的很長，可是高度、文字大小還是和本來一樣(即，這些東西無法變得“流式”)，顯現(xiàn)十分不協(xié)調(diào)。

　　3、自習慣布局：分別為不同的屏幕分辨率定義布局，同一個網(wǎng)頁在不調(diào)整頁面布局的前提下習慣各種不同的終端設備，這兒著重的是網(wǎng)站頁面布局不發(fā)生變化，也便是可以依據(jù)屏幕尺度調(diào)整整個網(wǎng)頁的大小。

　　很顯著能夠發(fā)現(xiàn)，產(chǎn)品的排列方法并沒有由于終端屏幕的大小而發(fā)生變化，也便是說同一個網(wǎng)頁的基礎上進行了調(diào)節(jié)的進程。

　　是不是圖中顯現(xiàn)為蘋果官網(wǎng)，最早之前為自習慣，現(xiàn)在現(xiàn)已晉級為呼應式網(wǎng)站!

　　4、呼應式布局：經(jīng)過檢測設備信息，決議網(wǎng)頁布局方法，即用戶假如采用不同的設備拜訪同一個網(wǎng)頁，有可能會看到不一樣的內(nèi)容，一般情況下是檢測設備屏幕的寬度來實現(xiàn)。

　　可以看到PC端為三列，平板端的產(chǎn)品分為兩列展現(xiàn)，但手機端的則是一列，在保證描繪清晰的前提下進行纖細的頁面布局調(diào)整，這便是呼應式與自習慣最大的差異。

　　注：以上幾種布局方法并不是獨立存在的，實踐開發(fā)進程中往往是彼此結(jié)合運用的。