可以先設(shè)計一個大概，后期不斷豐富 第四步APP功能的開發(fā)制作 APP功能的開發(fā)直接使用應(yīng)用公園就可以了應(yīng)用公園把市場上常見的APP功能進行拆分組合，你不需要懂任何編程技術(shù)，只需喲安把需要的功能挑選出，組合搭配一個，就能迅速組建出。

目前我做設(shè)計稿的設(shè)計尺寸，IPhone6的尺寸，向下可以適配4，5，向上可以適配6 plus我記得IP6推出后，我問總監(jiān)應(yīng)該用什么尺寸設(shè)計，他說用IP6的吧，好適配，切出來就是@2x了，改一改上下都能照顧到推薦做設(shè)計稿的時。

這種布局方式在Web前端開發(fā)的早期歷史上，用來應(yīng)對不同尺寸的PC屏幕那時屏幕尺寸的差異不會太大，在當今的移動端開發(fā)也是常用布局方式，但缺點明顯主要的問題是如果屏幕尺度跨度太大，那么在相對其原始設(shè)計而言過小或過大。

開發(fā) WebApp 時，我們通常只會從設(shè)計師那邊拿到一個尺寸的項目設(shè)計圖，比如是按照 iphone 6 為基礎(chǔ)設(shè)計的，因此前端需要讓這一套設(shè)計稿能夠通用在不同的設(shè)備型號中，本文介紹的方式是采用 hotcssjs 插件在 vue。

2Web網(wǎng)站因瀏覽器分辨率差異較大且窗口尺寸可變化，設(shè)計時需要確定好不同分辨率的內(nèi)容展示和布局，也因為這一點加上webapp的瀏覽需求，近幾年來響應(yīng)式設(shè)計更為普遍3因設(shè)備分辨率dpi大小不一，所以移動App在界面布局。

比較獨特的是Macaw可以創(chuàng)建響應(yīng)式設(shè)計，內(nèi)置的斷點編輯器可以幫你輕松地在不同尺寸的屏幕上實現(xiàn)完美的響應(yīng)式顯示盡管Macow中的代碼編輯功能并沒有太大必要，但是最新版的Macaw在HTML和CSS代碼編輯上體驗還是蠻好的UXPin是。

響應(yīng)式網(wǎng)頁設(shè)計的大部分技術(shù)，是可用在WebApp開發(fā)中的移動端WebApp和WAP有什么不同最直接的區(qū)別就是功能層面WAP更側(cè)重使用網(wǎng)頁技術(shù)在移動端做展示，包括文字媒體文件等而WebApp更側(cè)重“功能”，是使用網(wǎng)頁技術(shù)實現(xiàn)的。

自適應(yīng)設(shè)計根據(jù)不同的設(shè)備提供不同的HTML頁面比如，一款獨立的Web應(yīng)用可能需要3個獨立的表示層HTML一個是PC端，一個是平板電腦，另一個則是智能手機例如，在不同的設(shè)備上訪問Web App，外觀和行為顯示的均各不。

對于web開發(fā)者來說，不同的不僅僅是尺子上的大小還包括默認 #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跨平臺開發(fā)，用戶不需要去賣場來下載安裝App，任何時候都可以發(fā)布App，因為根本不需要官方賣場的審核web直接下載到設(shè)備，以獨立的應(yīng)用程序運行并不需要瀏覽器，用戶必須手動去下載并安裝這些原生App。

響應(yīng)式網(wǎng)站的優(yōu)點就是不管pcpad還是手機都是采用一套代碼，不需要申請不同的域名，也不需要幾套后臺管理系統(tǒng)，響應(yīng)式設(shè)計的精髓就在于它能很好地適配不同屏幕的設(shè)備現(xiàn)在，響應(yīng)式設(shè)計在webapp也應(yīng)用很廣泛，當然使用rem之后。

其實開發(fā)不同的App，所需要的技術(shù)也是不一樣的1比如WebAppiOSAndroid的內(nèi)置瀏覽器是基于webkit內(nèi)核的，所以在開發(fā)webApp時，多數(shù)使用html或html5CSS3JavaScript技術(shù)做UI布局，使其在網(wǎng)站頁面上實現(xiàn)傳統(tǒng)的CS架構(gòu)軟件。

因為手機的性能問題，一些App上的特效并不能在移動網(wǎng)頁上復現(xiàn)，即使能復現(xiàn)，特效也不會平滑，用戶體驗比較差所以，這就決定了移動網(wǎng)頁設(shè)計需要不同的交互方式，也有不同的關(guān)注點根據(jù)以上四個特點，我總結(jié)出了做移動網(wǎng)頁。

考慮到視網(wǎng)膜顯示器和許多移動設(shè)備的分辨率是不同的，設(shè)計者應(yīng)該提供多套設(shè)計嗎從網(wǎng)易和淘寶的做法，應(yīng)該用不到的，我們可以根據(jù)設(shè)計稿制作一套布局web適用于開發(fā)如果要開發(fā)的 WebApp 對用戶體驗細節(jié)有高要求，又是一個。

2開發(fā)成本高開發(fā)速度慢維護成本高三個平臺IOS安卓windows的規(guī)則推廣運營都不相同官方應(yīng)用商店對APP上線審核流程比較復雜而且很慢，會嚴重影響APP的發(fā)布上線3Web App 因為運行在移動設(shè)備的。

2webappwebapp是由html5所做的網(wǎng)站通過一些打包平臺或者使用工具打包而成的軟件二開發(fā)成本不同 1原生app原生app開發(fā)成本高，需要使用單獨的開發(fā)工具進行開發(fā)2webappwebapp開發(fā)成本低，不需要使用單獨的開發(fā)。