流布局使用的是百分比，這位網頁提供了很強的可塑性和流動性。
通過設定百分比，我們不需要考慮裝置尺寸或者螢幕寬度大小了，可以為每種情形找到一種可行的方案，應為你的設計尺寸將適應所有的裝置尺寸。
流布局與**查詢和優化樣式技術密切相關。
在固定布局中，網頁的寬度是必須指定為乙個畫素值，一般為960px。因為960可以整除3，4，5，6，8，10，12和15。
這種布局具有很強的穩定性與可控性。
但固定寬度必須考慮**是否可以適用於不同的螢幕寬度。
彈性布局跟流布局很像，主要不同是大小單位。彈性布局的大小單位不是畫素或者百分比，而是em或者rem，避免了根據px區域性在高解析度下幾乎無法辨識的缺點，又相對於%百分比更加靈活，同時可以支援瀏覽器的字型大小調整和縮放等的正常顯示，需要一段時間適應而且不易從其他布局轉換過來。
使用css3 flex系列屬性進行相對布局。對於富**和複雜排版的支援非常大，但是存在相容性問題。
使用@media**查詢給不同尺寸和介質的裝置切換不同的樣式。優秀的響應範圍設計可以給適配範圍內的裝置做好的體驗。
步驟：先完成非響應式布局，再完成響應式布局。
user-scalable屬性能夠解決ipad切換橫屏之後觸控才能回到具體尺寸的問題。
media query 是響應式設計的核心，它能夠和瀏覽器進行溝通，告訴瀏覽器頁面如何呈現，假如乙個終端的解析度小於980px，那麼可以這樣寫
@media screen and (max-width:980px)
#content
#footer
}
假如我們要相容ipad和iphone檢視，我們可以這樣設定：
/**ipad**/
@media only screen and (min-width:768px)and(max-width:1024px){}
/**iphone**/
@media only screen and (width:320px)and (width:768px){}
#head
#content
#wrap img如此設定後id為wrap內的會根據wrap的寬度改變已達到等寬擴充，height為auto的設定是為了保證原始的高寬比例，以至於不會失真。
#log a
background-size是css3的新屬性，用於設定背景的大小，有兩個可選值，
第乙個值用於指定背景圖的width,
第2個值用於指定背景圖的height,
如果只指定乙個值，那麼另乙個值預設為auto。
background-size:cover; 等比擴充套件來填滿元素
background-size:contain; 等比縮小來適應元素的尺寸
web網頁 頁面布局的幾種方式
網頁基本布局方式 1 流式布局 fluid 流布局與固定寬度布局基本不同點 就在於對 尺寸的側量單位不同。固定寬度布局使用的是畫素，但是流布局使用的是百分比，這位網頁提供了很強的可塑性和流動性。換句話說，通過設定百分比，我們不需要考慮裝置尺寸或者螢幕寬度大小了，可以為每種情形找到一種可行的方案，應為...
web網頁 頁面布局的幾種方式
網頁基本布局方式 1 流式布局 fluid 流布局與固定寬度布局基本不同點 就在於對 尺寸的側量單位不同。固定寬度布局使用的是畫素，但是流布局使用的是百分比，這位網頁提供了很強的可塑性和流動性。換句話說，通過設定百分比，我們不需要考慮裝置尺寸或者螢幕寬度大小了，可以為每種情形找到一種可行的方案，應為...
網頁頁面設計與布局
問題1 現在什麼布局方式最流行？div css 問題2 是不是過時的頁面布局方式就不能用了？不是，因為目前我們的瀏覽器都能解釋 以上3種布局方式。對於乙個網頁的排版可分為兩種情況 橫向和縱向 1.縱向區塊，則每個區塊寫出乙個div即可，因為div是獨佔一行的 塊級元素 2.橫向區塊，則 a 同樣每個...