響應(yīng)網(wǎng)頁設(shè)計（Responsive Web Design）是指網(wǎng)頁能自動識別屏幕寬度、并做出相應(yīng)調(diào)整的網(wǎng)頁設(shè)計。主要是針對現(xiàn)在互聯(lián)網(wǎng)用戶使用多種終端瀏覽同一個網(wǎng)頁的行為趨勢，自適應(yīng)網(wǎng)頁設(shè)計就是未來的發(fā)展趨勢，

    越來越多的用戶擁有臺式機，筆記本，平板電腦，手機等終端，所以能夠適應(yīng)不同尺寸的顯示屏的網(wǎng)頁才是一個好的網(wǎng)頁設(shè)計，而響應(yīng)式網(wǎng)頁設(shè)計就是基于解決這個問題的技術(shù)實施方案，它可以保證網(wǎng)頁適應(yīng)不同的分辨率，通過對網(wǎng)頁要素組重，使其無論在垂直的平板電腦還是智能手機上，都達(dá)到最好的視覺效果。

    常見響應(yīng)設(shè)計與排版原理：

    ?縮放布局：這是響應(yīng)式網(wǎng)頁的重要特征，它會隨著窗口大小變化動態(tài)縮放內(nèi)容，就這方面而言，它們是響應(yīng)式的。布局本身保持靜止，通過改變每一個元素來保持一致的表現(xiàn)。

      ?菜單折行:如果在頁面頂部使用了導(dǎo)航欄，當(dāng)頁面展現(xiàn)在小屏幕上時，響應(yīng)式設(shè)計通常會把它“掰”成更緊湊的格式，但這并非總是有效，如果顯示區(qū)域比斷點更寬，又不足以在一行顯示所有菜單項的話。就會通過對菜單的折行進(jìn)行解決。

      ?使用固定寬度圖片:內(nèi)容區(qū)域通常都隨窗口尺寸變化。所以當(dāng)固定寬度圖片超出顯示區(qū)域時，圖片就被裁剪了。