正文

移動端如何做適配（移動端如何做適配程序）

發(fā)布時間：2023-04-08 14:28:32 稿源：創(chuàng)意嶺閱讀： 121

大家好！今天讓創(chuàng)意嶺的小編來大家介紹下關于移動端如何做適配的問題，以下是小編對此問題的歸納整理，讓我們一起來看看吧。

開始之前先推薦一個非常厲害的Ai人工智能工具，一鍵生成原創(chuàng)文章、方案、文案、工作計劃、工作報告、論文、代碼、作文、做題和對話答疑等等

只需要輸入關鍵詞，就能返回你想要的內(nèi)容，越精準，寫出的就越詳細，有微信小程序端、在線網(wǎng)頁版、PC客戶端

官網(wǎng)：https://ai.de1919.com。

創(chuàng)意嶺作為行業(yè)內(nèi)優(yōu)秀的企業(yè)，服務客戶遍布全球各地，如需了解SEO相關業(yè)務請撥打電話175-8598-2043，或添加微信：1454722008

本文目錄:

1、移動端如何實現(xiàn)胖手機和瘦手機的上下布局適配
2、移動端app設計以什么尺寸作為視覺稿作為適配
3、移動端兼容性測試怎么做？
4、rem 與 vw 適配方案

移動端如何做適配（移動端如何做適配程序）

一、移動端如何實現(xiàn)胖手機和瘦手機的上下布局適配

使用媒體查詢。

可以使用媒體查詢（mediaquery）來實現(xiàn)，它可以根據(jù)設備的特性，按照不同的方式來渲染不同的樣式。

它可以用來實現(xiàn)響應式布局，根據(jù)不同的屏幕尺寸來調(diào)整布局，從而滿足胖手機和瘦手機的布局要求。

二、移動端app設計以什么尺寸作為視覺稿作為適配

加上Android生態(tài)中紛繁復雜的各種奇葩尺寸，現(xiàn)在APP設計開發(fā)必須考慮適配大、中、小三種屏幕。所以如何做到交付一套設計稿解決適配大中小三屏的問題？設計和開發(fā)之間采用什么協(xié)作模式？一個基本思路是：

1、選擇一種尺寸作為設計和開發(fā)基準；

2、定義一套適配規(guī)則，自動適配剩下兩種尺寸；

3、特殊適配效果給出設計效果。

手機淘寶的iPhone 6/iPhone 6 Plus適配版本即將提交App store審核。先曬一下我們采用的協(xié)作模式，再慢慢說明原委。

第一步，視覺設計階段，設計師按寬度750px（iPhone 6）做設計稿，除圖片外所有設計元素用矢量路徑來做。設計定稿后在750px的設計稿上做標注，輸出標注圖。同時等比放大1.5倍生成寬度1125px的設計稿，在1125px的稿子里切圖。

第二步，輸出兩個交付物給開發(fā)工程師：一個是程序用到的@3x切圖資源，另一個是寬度750px的設計標注圖。

第三步，開發(fā)工程師拿到750px標注圖和@3x切圖資源，完成iPhone 6（375pt）的界面開發(fā)。此階段不能用固定寬度的方式開發(fā)界面，得用自動布局（auto layout），方便后續(xù)適配到其它尺寸。

第四步，適配調(diào)試階段，基于iPhone 6的界面效果，分別向上向下調(diào)試iPhone 6 plus（414pt）和iPhone 5S及以下（320pt）的界面效果。由此完成大中小三屏適配。

為什么選擇iPhone 6作為基準尺寸？

當面對大中小三種屏幕需要適配的時候，很容易想到先做好一種屏幕，再去適配剩下兩種屏幕。第一個決定是到底以哪種屏幕作為設計和開發(fā)的基準尺寸。我們選擇中間尺寸的iPhone （750px/375pt）作為基準，基于幾個原因：

1、從中間尺寸向上和向下適配的時候界面調(diào)整的幅度最小。375pt下的設計效果適配到414pt和320pt偏差不會太大。假設以414pt為基準做出很優(yōu)雅的設計，到320pt可能元素之間比例就不是那么回事了，比如圖片和文字之間視覺比例可能失調(diào)。

2、iPhone 6 plus有兩種顯示模式，標準模式分辨率為1242x2208，放大模式分辨率為1125x2001（即iPhone 6的1.5倍）。可見官方系統(tǒng)里iPhone 6和iPhone 6 plus分辨率之間就存在1.5倍的倍率關系。很多情況下這兩種尺寸可以用1.5倍直接等比適配。

3、1242x2208這個奇葩的數(shù)值是蘋果官方都不愿意公開宣傳的一個分辨率，不便于記憶和計算柵格。640x1136雖然是廣泛應用的一個分辨率，但是大屏時代依然以小尺寸為設計基準顯然不合時宜，設計師會停留在小屏的視角做設計。

三、移動端兼容性測試怎么做？

什么是兼容性測試

兼容性測試是指測試軟件在特定的硬件平臺上、不同的應用軟件之間、不同的操作系統(tǒng)平臺上、不同的網(wǎng)絡等環(huán)境中是否能夠很友好的運行的測試。–【百度百科】

為什么要做兼容性測試

目前碎片化十分嚴重，尤其是安卓設備。安卓設備碎片化、品牌碎片化，大家熟知的安卓品牌都有好多家，每家可能還有定制的系統(tǒng)，都給我們適配帶來了不小的挑戰(zhàn)。除了上面的碎片化，當然還有系統(tǒng)版本碎片化，屏幕碎片化等，為了給用戶更好的用戶體驗，做APP的兼容性測試，還是非常有必要的。

兼容性影響因素

用戶

硬件

軟件

技術

網(wǎng)絡

影響因素大致可以分為以上幾類，我們對所測APP做兼容性測試時，可以從以上方面去考慮。

1、用戶

我們需要依據(jù)自身APP用戶群體的特征以及使用習慣，去做相應的兼容。比如用戶群體如果大多是老人的話，可以考慮大字體的適配。比如針對旅游人士，可以考慮過程中網(wǎng)絡的狀況。如果擁有大量海外用戶，可以考慮多幣種、多語言、多度量、時區(qū)問題。

2、硬件

設備類型（手機、平板、穿戴式設備）

生產(chǎn)商（安卓手機存在每個廠商的定制化差異）