響應式網(wǎng)站也叫自使用網(wǎng)站，他能夠兼容各種不同尺寸的客戶終端，也就是說，采用這種方法，只需要開發(fā)一個網(wǎng)站，就可以提供給所有的終端設備使用，無需去考慮屏幕尺寸的不一致問題，將pc網(wǎng)頁構建成為響應式網(wǎng)站，既要保留原有的PC端瀏覽效果，又要使之能兼容不同類型的設備，所以之恩能夠在保留原有網(wǎng)站結構的前提下，通過新建樣式表來滿足智能終端的瀏覽需求。具體實現(xiàn)過程：
分析整個網(wǎng)站，刪除多余內(nèi)容，根據(jù)移動終端設備網(wǎng)絡和屏幕尺寸限制的特點，氣流懶得網(wǎng)頁應該是精簡的，這就要求我們對原有的pc網(wǎng)站進行分析，舍棄頁面中起修飾作用的次要的內(nèi)容，保留頁面核心內(nèi)容。
編寫適合移動端顯示的樣式表，精簡網(wǎng)站的內(nèi)容之后，可編寫合適移動端瀏覽的樣式表，編寫時需要注意兩個要點：對于舍棄的內(nèi)容，可以通過display來設置用于布局的div模塊，寬度都使用百分比進行設置，實現(xiàn)自適應的寬度的流體布局。
根據(jù)客戶端屏幕尺寸的不同，自動應用樣式表，在網(wǎng)頁頁面頭中的link標簽，使用css3的media qurey設置功能，讓頁面可以根據(jù)不同設備的屏幕尺寸，自動加在對應的樣式表。
響應式頁面通過流體布局、媒體查詢等技術制作網(wǎng)頁，讓頁面能夠自適應不同的終端設備它是目前構建pc和移動端網(wǎng)頁的方案，也是web設計的趨勢。