css響應式佈局是什麼

起因    因為越來越多的智慧型行動裝置（ mobile, tablet device ）加入到網路中來，行動網路不再是獨立的小型網路了，而是成為了Internet 的重要組成部分。響應式網路設計（ RWD / AWD）的出現，目的是為行動裝置提供更好的體驗，並且整合從桌面到手機的各種螢幕尺寸和分辨率，用技術來使網頁適應從小到大（現在到超大）的不同解析度的螢幕。
附註： Responsive Web Design ＝ RWD，Adaptive Web Design ＝ AWD，下同設計
RWD：採用CSS 的media query 技術
流體佈局（ fluid grids )
自適應的圖片/影片等資源素材
（為小、中、大螢幕做一些優化，目的是讓任何尺寸的螢幕空間都能充分利用）
AWD ： CSS media query 技術（僅針對有限幾種預設的螢幕尺寸設計）
用Javascript 來操作HTML 內容
在伺服器端操作HTML 內容（例如為行動端減少內容，為桌面端提供更多內容）
設計想法 Mobile First（從行動端開始，RWD ）：一切從最小螢幕的手機端開始（例如iPhone 的320px ），先確定內容，然後逐級往大螢幕設計。不同於原來網頁設計，總是從桌上型電腦的 1024px 開始的。

以上是css響應式佈局是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章！