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

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

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

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

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