響應式設計初識

　一、術語

　　響應式設計：針對任意設備對網頁內容進行完美佈局的一種顯示機制。

　　視口和屏幕尺寸：視口和屏幕尺寸不是同一個概念。視口是指瀏覽器窗口內的內容區域，不包含工具欄、標籤欄等。也就是網頁實際顯示的區域。屏幕尺寸指的是設備的物理顯示區域。須要注意的是有些瀏覽器調整工具顯示的尺寸包含瀏覽器的其餘元素，諸如地址欄、標籤欄和搜索欄，而有些工具則不是這樣。

　　響應式設計的主要目標：網站不只要對用戶有限的視口作出響應，還要以最快的時間加載網頁。雖然移除冗餘的標籤元素只能節省一點字節，但聚沙成塔！！

---

二、HTML5和CSS3的使用

　　任何工具或技術都應該只在應用程序須要它的時候使用，但項目每每由於財務預算而受到時間和資源上的限制。

　　InternetExplorer 7和8都不支持HTML5新的語義元素，也不支持CSS3的新屬性。若是一個網站的絕大多數用戶都使用InternetExplorer 7和8，那花費精力將其作成基於HTML5和CSS3的響應式設計沒有太大意義。但這並不意味着咱們作不到。

　　在預算容許的狀況下，一個徹底定製的「移動"版網站比響應式設計更適合。提倡響應式設計方法的人，不會都認爲響應式設計在任何狀況下均可以替代」移動網站「。

　　使用HTML5和CSS3的響應式網頁設計不是解決全部設計和內容服務問題的靈丹妙藥。和以往的網頁設計同樣，項目的具體狀況（即預算、目標用戶以及網站用途）決定了其實現方式。若是預算有限或開發一個徹底定製的」移動網站「不太可行，那麼響應式網頁設計較之標準的固定寬度設計，總能提供更好的和無歧視的用戶體驗。