当大家在不同的设备当中也是可以看到不一样的效果响应式网站在使用的好处方面也是可以较多一些，比较经济实用，当大家在选择响应式网站建设的形式，就不用另单独设计开发PC端和手机端的页面了，这样大家只需要花费一份钱，就可以给用户在所有设备终端上访问网站都能完美的呈现网站了手机网站响应式网站。

对新手来说，响应式设计可能有一点复杂，但是事实上比你想象的简单为了帮助你迅速的了解响应式设计，我起草了一篇快速教程你可以在3个步骤中学习到响应式设计和媒介查询Media Queries的基本原理假定你了解基本的CSS知识第一步Meta标签 大多数移动浏览器将HTML页面放大为宽的视图viewport。

响应式布局，里面基本不能出现px，宽度改为100%，px替换为rem。

需要准备的材料分别有电脑浏览器html编辑器1首先，打开html编辑器，新建html文件，例如indexhtml2在indexhtml中的lthead标签中，输入meta代码ltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=1quot3浏览器运行indexhtml页面，此时PC端的网页在移动端上也能。

1打开百度，在百度上搜索易企秀，然后点击搜索，在搜索的结果中点击进入易企秀的官方网站2进入后，先登录自己的账号，可以直接用微信登录即可，登录后就可以开始制作自己的手机网页微场景了3首先点击我的场景接着点击制作场景，接着会进入场景模板选择界面，里面有很多免费的模板。