如何制作響應(yīng)式網(wǎng)站？5 HTML5做響應(yīng)式網(wǎng)頁，首先需要考慮是全平臺適配還是只是移動適配。這里以移動響應(yīng)式網(wǎng)站為例，告訴大家如何制作響應(yīng)式網(wǎng)頁。1.選擇基本設(shè)計尺寸，一般以1080為基準(zhǔn)。確定響應(yīng)式網(wǎng)

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

5 HTML5做響應(yīng)式網(wǎng)頁，首先需要考慮是全平臺適配還是只是移動適配。這里以移動響應(yīng)式網(wǎng)站為例，告訴大家如何制作響應(yīng)式網(wǎng)頁。

1.選擇基本設(shè)計尺寸，一般以1080為基準(zhǔn)。確定響應(yīng)式網(wǎng)頁設(shè)計的應(yīng)用場景后，與美工(或設(shè)計師)溝通。之前，美工通常需要制作幾套主流移動設(shè)備屏幕分辨率的設(shè)計圖?，F(xiàn)在，使用streaming layout和rem，可以使用一套設(shè)計圖，以最常用的移動設(shè)備屏幕分辨率為基準(zhǔn)。

2.美工完成設(shè)計圖，前端工程師的工作就開始了。這時候可以用PS或者FW來切圖?？偟膩碚fFireworkscs6切圖比較快，但是有時候Fireworks中的畫面會失真，所以有時候需要用PS來協(xié)調(diào)。PS有一個切片工具，可以專門用來切圖片。

HTML中的響應(yīng)式是什么？

響應(yīng)就是為了解決這個問題而衍生出來的一個概念。它可以自動識別屏幕的寬度，并相應(yīng)地調(diào)整網(wǎng)頁設(shè)計，布局和顯示的內(nèi)容可能會發(fā)生變化。

響應(yīng)式：根據(jù)不同的設(shè)備、不同的寬度、不同的特點，對頁面上內(nèi)容的樣式做出相應(yīng)的調(diào)整，調(diào)整響應(yīng)式的布局和內(nèi)容。