響應式網(wǎng)站。響應式網(wǎng)站也稱(chēng)之為自適應網(wǎng)站, 它能夠兼容各種客戶(hù)終端。也就是說(shuō), 采用這種方法, 只需開(kāi)發(fā)一個(gè)網(wǎng)站, 便可提供給所有的設備設備使用, 無(wú)需考慮屏幕尺寸不一的問(wèn)題。將PC網(wǎng)站構建為響應式網(wǎng)站, 既要保留其原有的PC端瀏覽效果, 又要使其兼容不同類(lèi)型的智能終端設備, 所以只能在保持原有網(wǎng)站結構的前提下, 通過(guò)新建樣式表來(lái)滿(mǎn)足智能終端的瀏覽需求。具體實(shí)現過(guò)程如下:

       (1) 分析網(wǎng)站, 刪減冗余內容。根據移動(dòng)終端設備受網(wǎng)絡(luò )和屏幕尺寸限制的特點(diǎn), 其瀏覽的網(wǎng)頁(yè)應是最精簡(jiǎn)的。這就要求我們對原有PC網(wǎng)站進(jìn)行分析, 舍棄頁(yè)面中起修飾修飾作用, 以及次要的內容, 保留頁(yè)面的核心內容。

       (2) 編寫(xiě)適合于移動(dòng)終端顯示的樣式表。精簡(jiǎn)網(wǎng)站的內容之后, 即可編寫(xiě)適合移動(dòng)終端瀏覽的CSS樣式表。編寫(xiě)時(shí)需注意兩個(gè)要點(diǎn):其一, 對于舍棄的內容, 可通過(guò)display:none屬性值對進(jìn)行設置, 將其隱藏掉;其二, 用于布局的div模塊, 寬度都使用百分比進(jìn)行設置, 實(shí)現自適應寬度的流體布局。
       (3) 根據客戶(hù)端屏幕尺寸大小, 自動(dòng)應用樣式表。在網(wǎng)頁(yè)頁(yè)頭中的link標簽, 使用CSS3的media query設置功能, 讓頁(yè)面能根據不同設備屏幕尺寸, 自動(dòng)加載對應的樣式表。
響應式網(wǎng)站通過(guò)使用流體布局、媒體查詢(xún)等技術(shù)制作網(wǎng)頁(yè), 使得網(wǎng)頁(yè)能夠自適應不同的終端設備。它是目前構建兼容PC和智能移動(dòng)設備網(wǎng)站的最佳方案, 也是Web設計的趨勢。