web網頁 頁面布局的幾種方式
網頁基本布局方式：
（1）流式布局 Fluid
流布局與固定寬度布局基本不同點 就在於對網站尺寸的側量單位不同。固定寬度布局使用的是像素，但是流布局使用的是百分比，這位網頁提供了很強的可塑性和流動性。換句話說，通過設置百分比，我們不需要考慮設備尺寸或者屏幕寬度大小了，可以為每種情形找到一種可行的方案，應為你的設計尺寸將適應所有的設備尺寸。流布局與媒體查詢和優化樣式技術密切相關。
（2）固定布局 Fixed
在固定布局中，網頁的寬度是必須指定為一個像素值，一般為960px。過去，開發人員發現960px是最適合作為網格布局的寬度，因為960可以整除3，4，5，6，8，10，12和15。在今天，在web開發中還是比較普遍使用固定寬度布局的，因為這種布局具有很強的穩定性與可控性。但是同時也有一些劣勢，固定寬度必須考慮網站是否可以適用於不同的屏幕寬度。
（3）彈性布局 Elastic
彈性布局跟流布局很像，主要不同是大小單位。彈性布局的大小單位不是像素或者百分比，而是em或者rem，避免了根據px局部在高分辨率下幾乎無法辨識的缺點，又相對於%百分比更加靈活，同時可以支持瀏覽器的字體大小調整和縮放等的正常顯示，需要一段時間適應而且不易從其他布局轉換過來。
（4）伸縮 Flex box
使用css3 Flex系列屬性進行相對布局。對於富媒體和復雜排版的支持非常大，但是存在兼容性問題。
（5）響應式
使用@media媒體查詢給不同尺寸和介質的設備切換不同的樣式。優秀的響應范圍設計可以給適配范圍內的設備做好的體驗。