1、首先需要考虑是全平台适配还是只是移动端适配这里以移动端响应式网站为例，讲述如何制作响应式网页#xF4CF选定基本设计尺寸选定基本设计尺寸，一般以1080为基准确定响应式web设计的应用场景之后，和美工或设计师沟通，之前，一般需要美工出几。

2、点击制作栏目，进入模板选择页 1选择空模板，自由创作 2选择主题模板，更快速的创作出炫丽的展示选择模板后，进入创作界面 预览树操作 1显示的页面的显示顺序 2右键调整页面的显示顺序 3点击页面右上角的。

3、maka编辑器手机版是一款强大的模板设计软件，让你可以通过这款应用快速打造出自己喜欢HTML5项目，方便你随时随地创作管理，一键生成，媲美专业设计师，让你的营销更有个性，MAKA，做出好设计是兼顾H5海报视频函单页。

4、1在手机上打开百度H5这个网页制作软件，选择新建一个页面就会出现这样的背景，手机网页可以在这里进行制作2直接使用模板来进行制作，从软件的模板库中选择一个模板作为手机网页的模板3也可以根据自己的需求对手机页面。

5、WAP是无线应用协议的缩写，一种实现移动电话与互联网结合的应用协议标准wap网站也就是我们通常说的手机站？2html5是W3C制定的超文本标记语言html的第五次修改，通过html5制作的网站可以灵活运行于PC，平板，手机等。

6、2手机工具APP相比起工具网站来讲，显得比较顺手，有大量模板套用，制作简单快捷但是拘泥于现有的模板，使得单页面不会有较大的可操作空间，从而无法实现DIY交互效果下面展开说下每个使用过的工具吧 基于HTML5的工具网站。

7、1首先，下载安装WebEditorLite，这个直接在手机应用商店中搜索就行，如下，大概也就431K2安装完成后，打开这个软件，主界面如下，主要分为3部分，分别是“NewFile新建文件”“OpenFile打开文件”和“AboutAPP。

8、2去html5页面制作平台，如vxplowixmakaim都可以做html5的手机页面，不过wix现在没有中文网站vxplo功能很齐全，但同时操作很复杂，一般人不会使用makaim通过模板组合添加图文的方式制作，适合刚入门的同学。

9、考虑选用h5技术，如今技术已日趋成熟，由于电脑用户端浏览器升级困难等问题，导致html5难以在电脑浏览器完全实现，然而对于手机浏览器，更新容易，大多数浏览器都支持，这给手机网站的发展带来了转机现在手机制作网站用的是响应。

10、现在国内已经出现一批html5页面制作平台，让不懂编程的用户也能自己制作国内制作html5页面的平台出名的有makaim和vxplo，makaim通过选择模板，添加效果图文即可完成制作，vxplo界面类似于photoshop，个性化程度高，但是操作。

11、如今国内使用html5开发app应用技术尚有欠缺，因为在手机开发app上，html5应用只有两种方法，要不就是全使用HTML5的语法，要不就是仅使用JavaScript引擎JavaScript引擎的构建方法让制作手机网页游戏成为可能由于界面层很复杂。

12、不一样，需增加自适应标签来保持一样代码如下ltmeta name=quotviewportquot content=quotwidth=devicewidth，initialscale=10， minimumscale=10， maximumscale=10， userscalable=noquot 解释Viewport指用户网页的。

13、你说的类似于响应式布局，这个css就能实现，有两种方法1用@media通过判断浏览器的分辨率代码自动能判断来调取不同的css样式这就需要写不同的css，主要是宽度的调整。

14、1响应式设计需要做的有很多技术和技巧，和做电脑端网页一样，响应式开发需要div等元素就可以自动适应屏幕大小，就是在设置每个元素属性的时候要用百分比，最好不要用px 2当下响应式布局设计需要使用HTML5技术和CSS3技术。

15、用以下代码开头lt！DOCTYPE HTMLlthtmlltheadltmeta charset=quotutf8quotltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=1quot 使用百分比定义宽度CSS代码可以适当使用media only screen and max。

16、33 点击22中的网站名就会在电脑上打开Safari的控制台，如下图点击查看大图3调试网页 如上33图所示，此时你可以查看手机网页的DOM结构，并且和电脑端网页调试无异，当鼠标滑过这些DOM节点的时候手机上的相应布局。