當(dāng)大家在不同的設(shè)備當(dāng)中也是可以看到不一樣的效果響應(yīng)式網(wǎng)站在使用的好處方面也是可以較多一些，比較經(jīng)濟(jì)實(shí)用，當(dāng)大家在選擇響應(yīng)式網(wǎng)站建設(shè)的形式，就不用另單獨(dú)設(shè)計(jì)開(kāi)發(fā)PC端和手機(jī)端的頁(yè)面了，這樣大家只需要花費(fèi)一份錢，就可以給用戶在所有設(shè)備終端上訪問(wèn)網(wǎng)站都能完美的呈現(xiàn)網(wǎng)站了手機(jī)網(wǎng)站響應(yīng)式網(wǎng)站。

對(duì)新手來(lái)說(shuō)，響應(yīng)式設(shè)計(jì)可能有一點(diǎn)復(fù)雜，但是事實(shí)上比你想象的簡(jiǎn)單為了幫助你迅速的了解響應(yīng)式設(shè)計(jì)，我起草了一篇快速教程你可以在3個(gè)步驟中學(xué)習(xí)到響應(yīng)式設(shè)計(jì)和媒介查詢Media Queries的基本原理假定你了解基本的CSS知識(shí)第一步Meta標(biāo)簽 大多數(shù)移動(dòng)瀏覽器將HTML頁(yè)面放大為寬的視圖viewport。

響應(yīng)式布局，里面基本不能出現(xiàn)px，寬度改為100%，px替換為rem。

需要準(zhǔn)備的材料分別有電腦瀏覽器html編輯器1首先，打開(kāi)html編輯器，新建html文件，例如indexhtml2在indexhtml中的lthead標(biāo)簽中，輸入meta代碼ltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=1quot3瀏覽器運(yùn)行indexhtml頁(yè)面，此時(shí)PC端的網(wǎng)頁(yè)在移動(dòng)端上也能。

1打開(kāi)百度，在百度上搜索易企秀，然后點(diǎn)擊搜索，在搜索的結(jié)果中點(diǎn)擊進(jìn)入易企秀的官方網(wǎng)站2進(jìn)入后，先登錄自己的賬號(hào)，可以直接用微信登錄即可，登錄后就可以開(kāi)始制作自己的手機(jī)網(wǎng)頁(yè)微場(chǎng)景了3首先點(diǎn)擊我的場(chǎng)景接著點(diǎn)擊制作場(chǎng)景，接著會(huì)進(jìn)入場(chǎng)景模板選擇界面，里面有很多免費(fèi)的模板。