隨著智能手機的普及，越來越多的人開始使用手機來訪問網(wǎng)站，因此，響應(yīng)式網(wǎng)站建設(shè)成為一個重要的考慮因素。響應(yīng)式網(wǎng)站具有以下優(yōu)勢：

1、用戶體驗：響應(yīng)式網(wǎng)站通過自適應(yīng)布局的方式可以很好地適應(yīng)各種不同尺寸的顯示屏幕，從而更好地滿足不同用戶對用戶體驗的要求。

2、SEO優(yōu)勢：相比于傳統(tǒng)的m.xxx.com形式（即手機版子域名），將手機版內(nèi)容整合到原始PC版中可以避免內(nèi)容重復(fù)及其帶來的SEO問題。

3、減少多頁面流量流失：如果根據(jù)不同尺寸分別創(chuàng)建不同版本的web頁面時很可能出現(xiàn)流量流失問題。而使用響應(yīng)式Web設(shè)計可以保證在任意尺寸上都能得到完整內(nèi)容。

因此，如何正確使用響應(yīng)式web設(shè)計來保證用戶體驗也是一個重要問題。總體而言，響應(yīng)式WebDesign包括三個要素:HTML，CSSandJavascript.

首先，HTML是一個無法避免的要素，因此必須正確使用HTML標準標記代表文字內(nèi)容，圖片內(nèi)容，表單表格內(nèi)容;

然后CSS是一個很重要的部分，它可以帶來大幅度優(yōu)化顯示效果;CSS3中新加入了mediaquery這么一個特性使得web前端工作者能夠根據(jù)不同尺寸顯示界面url(css)parameters;

最后javascript也是不可避免的部分.javascript通常情況下也是一些物理上無法影響界面顯示效果(例如AJAX)，但當然也會針對剩余留存在UI上物理上必須進行相關(guān)JS代理工作.