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

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

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

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

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

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

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

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