html如何做出手机页面

你说的类似于响应式布局，这个css就能实现，有两种方法：

1、用@media通过判断浏览器的分辨率（代码自动能判断）来调取不同的css样式。这就需要写不同的css，主要是宽度的调整。（http://www.w3cplus.com/content/css3-media-queries）

2、不用固定的宽度。宽度用%。而不用固定的px。

将电脑网页修改成手机网页步骤：1、首先，我们打开一个网页2、然后我们按键盘的F12键，出现代码元素界面3、然后我们点最下方的“Emulation”菜单选择即可4、然后，我们可以看到下面有很多参数选项，选择“MODEL”即可5、选择后，下方会有"Resolution"会自动填充，意思是手机分辨率，如果你的手机型号不在其内，自己写分辨率尺寸也可以的6、然后看页面内容变化，已缩小成手机模式7、选择右手边的Reset,可以退出当前设置恢复网页原形，也可以重新设置

1、打开百度，在百度上搜索：易企秀，然后点击搜索，在搜索的结果中点击进入易企秀的官方网站。

2、进入后，先登录自己的账号，可以直接用QQ微信登录即可，登录后就可以开始制作自己的手机网页微场景了。

3、首先点击【我的场景】接着点击【制作场景】，接着会进入场景模板选择界面，里面有很多免费的模板。

4、可以在模板中心选择一个自己需要的点击，直接套用模板，也可以选择自己创建一个空白页面。

5、进入后就可以根据自己的需要，将模板里面的文字图片和音乐替换成自己需要的即可，如图所示。

6、还可以给自己的手机网页添加背景音乐，动画效果，跳转链接，特效组件等等。

---