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

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

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

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

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