隨著4G的普及，越來越多的人使用手機上網。

移動設備正超過桌面設備，成為訪問互聯網的最常見終端。

于是，網頁設計師不得不面對一個難題：如何才能在不同大小的設備上呈現同樣的網頁？

在瀏覽器支持的情況下，HTML5頁面可以在多終端和多平臺之間得到最完美的瀏覽兼容，這一點在如今多終端如此普及的時代背景下，格外重要。

目前，駿杰科技是德陽一家采用HTML5多終端創新為客戶提供網站響應式服務。

html5/css3響應式布局介紹及設計流程，利用css3的media query媒體查詢功能。

移動終端一般都是對css3支持比較好的高級瀏覽器不需要考慮響應式布局的媒體查詢media query兼容問題 一個普通的自適應顯示的三欄網頁，當你用不同的終端來查看這個頁面的時候，他會根據幾種終端來顯示不同的樣式，在電腦上是三列，在pad上應該也是 三列，在大屏手機上是三行，在屏幕小于320的手機上只顯示主要內容，隱藏掉了次要元素。(這里關于響應式布局還有個比較好的消息，就是拖動瀏覽器也可以 觸發判斷條件，測試的時候你不需要去找一堆手機，只要把自己的瀏覽器窗口縮小到一定尺寸就可以了。