可以先设计一个大概，后期不断丰富 第四步APP功能的开发制作 APP功能的开发直接使用应用公园就可以了应用公园把市场上常见的APP功能进行拆分组合，你不需要懂任何编程技术，只需哟安把需要的功能挑选出，组合搭配一个，就能迅速组建出。

目前我做设计稿的设计尺寸，IPhone6的尺寸，向下可以适配4，5，向上可以适配6 plus我记得IP6推出后，我问总监应该用什么尺寸设计，他说用IP6的吧，好适配，切出来就是@2x了，改一改上下都能照顾到推荐做设计稿的时。

这种布局方式在Web前端开发的早期历史上，用来应对不同尺寸的PC屏幕那时屏幕尺寸的差异不会太大，在当今的移动端开发也是常用布局方式，但缺点明显主要的问题是如果屏幕尺度跨度太大，那么在相对其原始设计而言过小或过大。

开发 WebApp 时，我们通常只会从设计师那边拿到一个尺寸的项目设计图，比如是按照 iphone 6 为基础设计的，因此前端需要让这一套设计稿能够通用在不同的设备型号中，本文介绍的方式是采用 hotcssjs 插件在 vue。

2Web网站因浏览器分辨率差异较大且窗口尺寸可变化，设计时需要确定好不同分辨率的内容展示和布局，也因为这一点加上webapp的浏览需求，近几年来响应式设计更为普遍3因设备分辨率dpi大小不一，所以移动App在界面布局。

比较独特的是Macaw可以创建响应式设计，内置的断点编辑器可以帮你轻松地在不同尺寸的屏幕上实现完美的响应式显示尽管Macow中的代码编辑功能并没有太大必要，但是最新版的Macaw在HTML和CSS代码编辑上体验还是蛮好的UXPin是。

响应式网页设计的大部分技术，是可用在WebApp开发中的移动端WebApp和WAP有什么不同最直接的区别就是功能层面WAP更侧重使用网页技术在移动端做展示，包括文字媒体文件等而WebApp更侧重“功能”，是使用网页技术实现的。

自适应设计根据不同的设备提供不同的HTML页面比如，一款独立的Web应用可能需要3个独立的表示层HTML一个是PC端，一个是平板电脑，另一个则是智能手机例如，在不同的设备上访问Web App，外观和行为显示的均各不。

对于web开发者来说，不同的不仅仅是尺子上的大小还包括默认 #x00A0#x00A0#x00A0#x00A0#x00A0#x00A0#x00A0#x00A0#x00A0#x00A0#x00A0#x00A0#x00A0#x00A0#x00A0#x00A0#x00A0#x00A0#x00A0尺寸 #x00A0#x00A0#x00A0#x00A0#x00A0#x00A0#x00A0#x00A0#x00A0#x00A0#x00A047” #x00A0#x00A0#x00A0#x00A0#x00A0#x00A0#x00A0#x00A0#x00A0#x00A0。

三功能不同 移动WebApp跨平台开发，用户不需要去卖场来下载安装App，任何时候都可以发布App，因为根本不需要官方卖场的审核web直接下载到设备，以独立的应用程序运行并不需要浏览器，用户必须手动去下载并安装这些原生App。

响应式网站的优点就是不管pcpad还是手机都是采用一套代码，不需要申请不同的域名，也不需要几套后台管理系统，响应式设计的精髓就在于它能很好地适配不同屏幕的设备现在，响应式设计在webapp也应用很广泛，当然使用rem之后。

其实开发不同的App，所需要的技术也是不一样的1比如WebAppiOSAndroid的内置浏览器是基于webkit内核的，所以在开发webApp时，多数使用html或html5CSS3JavaScript技术做UI布局，使其在网站页面上实现传统的CS架构软件。

因为手机的性能问题，一些App上的特效并不能在移动网页上复现，即使能复现，特效也不会平滑，用户体验比较差所以，这就决定了移动网页设计需要不同的交互方式，也有不同的关注点根据以上四个特点，我总结出了做移动网页。

考虑到视网膜显示器和许多移动设备的分辨率是不同的，设计者应该提供多套设计吗从网易和淘宝的做法，应该用不到的，我们可以根据设计稿制作一套布局web适用于开发如果要开发的 WebApp 对用户体验细节有高要求，又是一个。

2开发成本高开发速度慢维护成本高三个平台IOS安卓windows的规则推广运营都不相同官方应用商店对APP上线审核流程比较复杂而且很慢，会严重影响APP的发布上线3Web App 因为运行在移动设备的。

2webappwebapp是由html5所做的网站通过一些打包平台或者使用工具打包而成的软件二开发成本不同 1原生app原生app开发成本高，需要使用单独的开发工具进行开发2webappwebapp开发成本低，不需要使用单独的开发。