1.自適應會自動檢測螢幕的大小來載入適當的工作布局，也就是說，當你要採用自適應設計**時，你得乙個乙個設計
6種常見的螢幕布局。
①320 ②480 ③760 ④960 ⑤1200 ⑥1600
而且設計是基於斷點使用靜態布局，一旦頁面被載入就無法再進行自動適應。
2.響應式的概念應該覆蓋了自適應，而且涵蓋的內容更多。
響應式可以做到設計一種布局，適應多種尺寸的螢幕。它可以自動識別螢幕寬度、並做出相應調整的網頁設計，布局和展示的內容可能會有所變動。
3.例項對比：
①自適應，自適應可以做到在不同寬度下顯示一樣的布局。（當然也可以顯示不一樣）
②響應式在不同寬度下會不同。（不能做到顯示一樣）
「自適應網頁設計」的核心，就是css3
引入的media query
模組，讓其自動探測螢幕寬度，然後載入相應的css檔案。
同乙個css檔案中，也可以根據不同的螢幕解析度，選擇應用不同的
css規則。
@media screen and (max-device-width: 400px)
上面的**指定，字型大小是頁面預設大小的100%，即
16畫素。
h1 然後，h1的大小是預設大小的
1.5倍，即
24畫素（
24/16=1.5）。
small
small元素的大小是預設大小的
0.875
倍，即14
畫素（14/16=0.875
）。.main
.leftbar
float的好處是，如果寬度太小，放不下兩個元素，後面的元素會自動滾動到前面元素的下方，不會在水平方向overflow（溢位），避免了水平滾動條的出現。
另外，絕對定位（position: absolute）的使用，也要非常小心。
除了布局和文字，"自適應網頁設計
"還必須實現的自動縮放。
這只要一行css**：
img
img, object
老版本的ie不支援
max-width
，所以只好寫成：
img
此外，windows平台縮放時，可能出現影象失真現象。這時，可以嘗試使用
ie的專有命令：
img
或者，ethan marcotte的imgsizer.js
addloadevent(function() /*造成衝突。
*/
程式設計思想：
1.畫container，寬度為螢幕的
98%
2.畫box，內容區寬度為
container
的30%
，再加上
padding
，margin，
要求25% < 30%+padding+margin < 33%，使得浮動後，一行三個
3.img寬度為
box內容區寬度。
響應式與自適應
ldjman 一 響應式 1 何為響應式 響應式就是 返回乙個 展示檔案，瀏覽器根據螢幕的大小而採用不同布局的視覺最適合的效果，意思同乙個 就是不同的螢幕大小會形成不同布局效果，目的都是為了根據螢幕的大小展現出最優的展示效果。三 響應式與自適應的對比 響應式 自適應 布局不一樣，根據螢幕的大小而匹配...
響應式 自適應式
一點點補充 1 靜態布局 static layout 2 流式布局 liquid layout 3 自適應布局 adaptive layout 4 響應式布局 responsive layout 5 彈性布局 rem em布局 關於響應式布局，可使用 css3 media 查詢 和 rem響應式布局...
響應式與自適應的區別
什麼是自適應 awd adaptive design 是 aaron g.的一本技術書的標題，時間要比rwd晚一些。他認為 awd 在包括 rwd 的 css media query 技術以外，awd 有可能會針對移動端使用者減去內容，減去功能。awd 可以在伺服器端就進行優化，把優化過的內容送到終...