手機網(wǎng)站開發(fā)平臺

彭媽媽說習(xí)大大送我的。。

圖片顯示設(shè)置的是關(guān)，或者網(wǎng)速太滿來不及顯示

用知識圈吧，很棒的一個工具。

你弄錯了~用于手機瀏覽的網(wǎng)站，要用符合HTML5規(guī)范的代碼來寫，傳統(tǒng)制作網(wǎng)站的HTML是不支持的，你不管怎么調(diào)節(jié)寬度，都會顯示的很小。 那標(biāo)簽是不是也需要使用HTML5的標(biāo)簽?zāi)? 對的，剛一上手挺折磨人的。

1.首先從開發(fā)方面：原生開發(fā)的App：每一種移動操作系統(tǒng)都需要獨立的開發(fā)項目，每種平臺都需要獨立的開發(fā)語言：Java(Android), Objective-C(iOS)以及Visual C++(Windows Mobile)等等；需要使用各自的軟件開發(fā)包，開發(fā)工具以及各自的控件。我們做的手機網(wǎng)站打包的APP：從原生演變過來的通過APP嵌入網(wǎng)站來是實現(xiàn)的，這種應(yīng)用可以使用HTML5,CSS3以及JavaScript以及服務(wù)器端語言來完成（PHP,Ruby on Rails,Python）2.APP性能方面原生App：能夠與移動硬件設(shè)備的底層功能，比如個人信息，攝像頭以及重力加速器等等網(wǎng)站制作的App：只能使用有限的移動硬件設(shè)備功能。3.APP數(shù)據(jù)獲取方法原生App：直接下載到設(shè)備，以獨立的應(yīng)用程序運行(并不需要瀏覽器)，用戶必須手動去下載并安裝這些原生App。網(wǎng)站封裝的APP：從移動設(shè)備上的瀏覽器訪問，不需要安裝額外的軟件，軟件更新只需要服務(wù)器更新就夠了。4.原生開發(fā)的APP和網(wǎng)站生成的APP優(yōu)缺點對比原生開發(fā)App優(yōu)缺點：- 比網(wǎng)站生成的Web App運行快- 開發(fā)成本高，尤其是當(dāng)需要多種移動設(shè)備來測試時- 因為是不同的開發(fā)語言，所以開發(fā)，維護成本也高- 因為用戶使用的App版本不同，所以你維護起來很困難網(wǎng)站生成App優(yōu)缺點：- 無法使用很多移動硬件設(shè)備的獨特功能- 同時支持多種移動設(shè)備，大大降低開發(fā)成本- 需要手機網(wǎng)站反應(yīng)速度要快，用好的服務(wù)器，否則打開會慢最后結(jié)論：選擇哪種根據(jù)你的客戶需求和你的預(yù)算來決定的，如果預(yù)算小就選擇網(wǎng)站打包生成的web app ,如果想要功能多，性能好那么就是原生開發(fā)。

首先不要管安卓端還是蘋果端，現(xiàn)在一般都是響應(yīng)式的app，你放到安卓或者蘋果或者pc或者平板都是沒有問題的。一般采用的是http接口通訊，或者socket連接。具體你要去查資料找Demo了。而且現(xiàn)在主流是采用html5開發(fā)或者混合開發(fā)了。所以最好是服務(wù)器提供appAPI接口，通過http訪問服務(wù)器，獲取數(shù)據(jù)，數(shù)據(jù)一般是json，或者xml，拿到后解析數(shù)據(jù)就可以了，然后再用UI框架或者其他框架或者自定義的UI封裝下格式很漂亮了，至于cookie和session等，看你的習(xí)慣，網(wǎng)絡(luò)驗證和簽名那些也自己看習(xí)慣，如果涉及到大數(shù)據(jù)，還需要引入第三方框架的，直接引入就可以了，不過推薦自己寫，防止侵權(quán)。都是很通用的。

你說的這個問題，應(yīng)該算的上是手機適配的問題！既然是手機web端頁面，這里的尺寸應(yīng)該指的是瀏覽器的可視區(qū)域！同樣是5寸屏，一些有問題一些木有問題。那他們的不同點就在于瀏覽器的可視區(qū)域不一樣。針對這類極小部分的適配問題。可以通過。css適配做出適當(dāng)調(diào)整：123456789101112131415//手機瀏覽器是這個最大區(qū)域(可視區(qū)域375px)時，應(yīng)用這個里面的樣式@media screen and (max-height: 375px) {   }//手機瀏覽器是這個最小區(qū)域(可視區(qū)域375px)時，應(yīng)用這個里面的樣式@media screen and (mim-height: 375px) {   }//手機瀏覽器是這個最大區(qū)域(可視區(qū)域375px)介于345-75時，應(yīng)用這個里面的樣式@media screen and (mim-height: 375px) and  (mim-height: 775px){   } 具體你可以參考這個：http://www.ibm.com/developerworks/cn/web/wa-cssqueries/