列舉響應(yīng)式web設(shè)計(jì)需要應(yīng)用哪些技術(shù)？響應(yīng)式web設(shè)計(jì)的概念是，頁面的設(shè)計(jì)和開發(fā)應(yīng)根據(jù)用戶行為和設(shè)備環(huán)境（系統(tǒng)平臺、屏幕大小、屏幕方向等）進(jìn)行響應(yīng)和調(diào)整。具體的實(shí)踐包括很多方面，包括彈性網(wǎng)格和布局、圖

列舉響應(yīng)式web設(shè)計(jì)需要應(yīng)用哪些技術(shù)？

響應(yīng)式web設(shè)計(jì)的概念是，頁面的設(shè)計(jì)和開發(fā)應(yīng)根據(jù)用戶行為和設(shè)備環(huán)境（系統(tǒng)平臺、屏幕大小、屏幕方向等）進(jìn)行響應(yīng)和調(diào)整。具體的實(shí)踐包括很多方面，包括彈性網(wǎng)格和布局、圖片、CSS媒體查詢等，無論用戶使用的是筆記本電腦還是iPad，我們的頁面都應(yīng)該能夠自動切換分辨率、圖像大小和相關(guān)腳本功能，以適應(yīng)不同的設(shè)備；換句話說，頁面應(yīng)該能夠自動響應(yīng)用戶的設(shè)備環(huán)境。響應(yīng)式網(wǎng)頁設(shè)計(jì)意味著一個(gè)網(wǎng)站可以與多個(gè)終端兼容，而不是為每個(gè)終端制作特定的版本。這樣，我們就不必為新設(shè)備做特殊的版本設(shè)計(jì)和開發(fā)。

如何制作響應(yīng)式網(wǎng)站？

在使用HTML5制作響應(yīng)性網(wǎng)頁時(shí)，首先，我們需要考慮是平臺范圍的適應(yīng)還是移動適應(yīng)。本文以移動響應(yīng)式網(wǎng)站為例，說明如何制作響應(yīng)式網(wǎng)頁。

1. 基本設(shè)計(jì)尺寸通?；?080。確定響應(yīng)式網(wǎng)頁設(shè)計(jì)的應(yīng)用場景后，與藝術(shù)家（或設(shè)計(jì)師）溝通。在此之前，藝術(shù)家通常需要制作幾套主流移動設(shè)備屏幕分辨率的設(shè)計(jì)圖紙?，F(xiàn)在，使用流式布局和REM，您可以使用一組基于最常用的移動設(shè)備屏幕分辨率的設(shè)計(jì)圖。

2. 當(dāng)藝術(shù)家完成設(shè)計(jì)時(shí)，前端工程師開始工作。然后你可以用PS或FW來切割。一般來說，煙花CS6削減圖片更快，但有時(shí)圖片是扭曲的煙花。因此，有時(shí)需要PS來配合。PS有切片工具，可以用來切割圖片。