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