隨著PC端、平板、智能手機等終端的發(fā)展，設(shè)備環(huán)境（系統(tǒng)平臺、屏幕尺寸、屏幕分辨率等）更加復(fù)雜，網(wǎng)頁展示需要考慮到各個終端的具體差異。

因此，響應(yīng)式設(shè)計受到了大家的推崇。通過文中的9個免費的響應(yīng)式設(shè)計模板，希望能幫大家了解這種技術(shù)以及提高工作效率。

1、TXT

這個模板有一個主頁頁面以及一個博客頁面。可分為一列或兩列，你可以根據(jù)自己的意愿進行設(shè)定。側(cè)邊欄的個數(shù)也可以自己自由設(shè)定。（演示?|?下載）

2、VERTI

一個基于HTML5和CSS3的模板?？梢苑至?，同時提供博客和主頁的模板。（演示?|?下載）

3、LEFTER

如果你是一個初學(xué)者，希望做一個令人印象深刻的博客，那么這將是一個最合適的模板。（演示?|?下載）

4、RESPOND 1.5

這個響應(yīng)式模板是完全免費的，無論是商業(yè)還是個人制作開發(fā)的項目都適用。（演示?|?下載）

5、SYMFONI

Symfoni是一個免費的網(wǎng)站模板，基于固定寬度的兩列布局，并使用了HTML5的DOCTYPE。（演示?|?下載）

6、TRI

一個響應(yīng)式網(wǎng)站模板的設(shè)計框架。（演示?|?下載）

7、PROXIMET

Proximet是一個免費的HTML5 / CSS3響應(yīng)模板，可兼容主流瀏覽器，智能手機和平板，通過調(diào)整瀏覽器窗口就可以看見其效果。（演示?|?下載）

8、MINIMAL

一個響應(yīng)式網(wǎng)站模板，是不錯的圓滑和簡單組合網(wǎng)站的理想選擇。（下載）

9、RESPONSIVE HTML/CSS3簡歷模板

這種模板使用了CSS3的動畫效果。雖然現(xiàn)在還不盡人意，但利用這個可以創(chuàng)建令人印象深刻的在線簡歷。（演示?|?下載）

源文：http://www.leiphone.com/warlial-responsive-design-tool.html