1.2.23 響應式布局基礎

1.2.23.1 響應式布局介紹

　　1.響應式布局是2010年5月份提出的一個概念，簡而言之，就是一個網站能夠兼容多終端 -- 而不是為每個終端做一個特定的版本。這個概念是為解決移動互聯網瀏覽而誕生的，其目的是為用戶提供更加舒適的界面和更好的用戶體驗。

　　2.優缺點

　　　　優點：1）面對不同分辨率設備靈活性強

　　　　　　　2）能夠快捷解決多設備顯示適應問題

　　　　缺點：1）兼容各種設備工作量大，效率低下

　　　　　　 2）代碼累贅，會出現隱藏無用的元素，加載時間長

　　例子：www.etao.com(現在在電腦網頁端打開好像沒有用響應式布局了)

1.2.23.2 響應式布局效果

　　1.CSS中的Media Query（媒介查詢）：

　　　　設備寬高：device-width，device-height

　　　　渲染窗口的寬和高：width，height

　　　　設備的手持方向：orientation　

　　　　設備的分辨率：resolution

　　2.使用方法：

　　　　外聯

　　　　內嵌樣式

1.2.23.3 響應式布局操作

web前端學習（二）html學習筆記部分（9）-- 響應式布局