所謂響應式就是乙個url鏈結，可以適配 pc端、ipad、移動端等裝置。
相容到 ie 幾 （響應式在ie8以下是做不到的）
選擇什麼裝置開發
選擇什麼瀏覽器開發
順序：先完寫html，再寫css，再寫js。
盡量不要在css樣式裡寫寬 width，尤其不要寫高 height
meta 視口的設定
name
="viewport"
content
="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1,user-scalable=no"
>
@media **型別and （**特性）
如：
@media screen and (
max-width
: 300px)
}
rel=
"stylesheet"
media
="screen and (max-width: 500px)"
href
="css.css"
>
如：
響應式設計
響應式設計 樣式設計適應各種不同解析度尺寸 學習1.css3 media queries 2.樣式覆蓋 考 the orientation media query 一文。我們可以建立多個樣式表，以適應不同裝置型別的寬度範圍。將多個media queries整合在乙個樣式表檔案中 50 smartph...
響應式設計
響應式設計簡單說呢就是針對不同的螢幕解析度應用不同的css樣式，這裡有兩個關鍵點 一是如何在不修改dom結構的前提下調整布局 二是如何判斷螢幕解析度並應用對應的css 以上兩點應該不依賴於js.1 實現第一點依靠的是流式布局，就是所有參與布局的div都用float left，寬度都用百分比表示 圖一...
響應式設計
響應式設計就給不同解析度設計不同 顯示合理美觀 的樣式，也就是說設計師多設計幾套樣式，在使用者訪問的時候，根據使用者使用的螢幕解析度展現給使用者相應的頁面 呼叫相應的樣式 一 設計師了解市面上所使用的解析度，收集資訊 二 設計師根據不同解析度給頁面設計不同的樣式 三 呼叫樣式 1 直接在同個樣式樣式...