<
meta
name
="viewport"
content
="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"
/>
<
meta
name
="format-detection"
content
="telephone=no"
/>
<
meta
name
="format-detection"
content
="email=no"
/>
<
meta
name
content
="yes"
/>
<
meta
name
content
="black"
/>
<meta
name
="viewport"
content
="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
>
width = device-width：寬度等於當前裝置的寬度
initial-scale： 初始的縮放比例（預設設定為1.0）
minimum-scale：允許使用者縮放到的最小比例（預設設定為1.0）
maximum-scale：允許使用者縮放到的最大比例（預設設定為1.0）
user-scalable：使用者是否可以手動縮放（預設設定為no，因為我們不希望使用者放大縮小頁面）
1、螢幕尺寸：指的是螢幕對角線的長度2、解析度：是指寬度上和高度上最多能顯示的物理畫素點個數
3、點距：畫素與畫素之間的距離，點距和螢幕尺寸決定了解析度大小
4、ppi:螢幕畫素密度，即每英吋(1英吋=2.54厘公尺)聚集的畫素點個數，這裡的一英吋還是對角線長度
5、dpi:每英吋畫素點，印刷行業術語。對於電腦螢幕而言和ppi是乙個意思
6、裝置畫素(又稱為物理畫素): 指裝置能控制顯示的最小物理單位，意指顯示器上乙個個的點。從螢幕在工廠生產出的那天起，它上面裝置畫素點就固定不變了，和螢幕尺寸大小有關，單位 pt。
7、裝置獨立畫素(也叫密度無關畫素或邏輯畫素)：可以認為是計算機座標系統中得乙個點，這個點代表乙個可以由程式使用的虛擬畫素(比如: css畫素)，這個點是沒有固定大小的，越小越清晰，然後由相關系統轉換為物理畫素。
8、css畫素(也叫虛擬畫素)：指的是 css 樣式**中使用的邏輯畫素，在 css 規範中，長度單位可以分為兩類，絕對(absolute)單位以及相對(relative)單位。px 是乙個相對單位，相對的是裝置畫素(device pixel)
9、dpr(裝置畫素比)：裝置畫素比 = 裝置畫素（物理畫素） / 裝置獨立畫素（邏輯畫素）。(在retina屏的iphone上，dpr為2，1個css畫素相當於2個物理畫素)
以iphone6為例：
裝置寬高為375×667，可以理解為裝置獨立畫素(或css畫素)。dpr為2，根據上面的計算公式，其物理畫素就應該×2，為750×1334。
對於這樣的css樣式：
width: 2px;height: 2px;
在不同的螢幕上(普通螢幕 vs retina螢幕)，css畫素所呈現的大小(物理尺寸)是一致的，不同的是1個css畫素所對應的物理畫素個數是不一致的。在普通螢幕下，1個css畫素 對應 1個物理畫素(1:1)。
在retina 螢幕下，1個css畫素對應 4個物理畫素(1:4)
1、px
px其實就是畫素的意思，全稱pixel，也就是影象的基本取樣單位。對於不同的裝置，它的影象基本單位是不同的，比如顯示器和印表機。而我們通常所說的顯示器解析度是指桌面設定的解析度，不是顯示器的物理解析度，但是現在我們的桌面解析度和物理解析度幾乎是一致的，因為這樣顯示效果最佳。所以總的來說px就是對應我們顯示器的解析度。這樣就會有個問題就是如果使用px的話我們就要根據不同電腦的解析度來做自適應，有點麻煩。
2、em
em是相對長度單位。相對於當前物件內本文的字型尺寸（如果沒有設定本文尺寸，那就是相對於瀏覽器預設的字型尺寸，也就是16px），這樣計算的話。如果沒有設定字型尺寸就是1em = 16px。如果使用em的話，有個好的建議，就是將body的font-size設定成62.5%，也就是16px * 62.5% = 10px。這樣的話1em = 10px，方便我們計算。
3、rem
rem和em一樣也是相對長度單位，但是不一樣的是rem始終都是相對html根元素。這樣有個很大的有點就是使用rem後不會受到物件內文字字型尺寸的影響，而且只需要改變根元素就能改變所有的字型大小。相容性也是不錯的，ie8以上版本和其他瀏覽器都已經支援，是個做響應式頁面的好選擇
4、vw vh
vw和vh是視口（viewport units）單位，何謂視口，就是根據你瀏覽器視窗的大小的單位，不受顯示器解析度的影響，是不是很神奇，這就代表了，我們不需要顧慮到現在那麼多不同電腦有關解析度的自適應問題。vw是可視視窗的寬度單位，和百分比有點一樣，1vw = 可視視窗的寬度的百分之一。比如視窗寬度大小是1800px，那麼1vw = 18px。和百分比不一樣的是，vw始終相對於可視視窗的寬度，而百分比和其父元素的寬度有關。
vh就是可視視窗的高度了。
這邊順便提一下vmin和vmax，vmin是指選擇vw和vh中最小的那個，而vmax是選擇最大的那個
基於Starling移動專案開發準備工作
starling中文站 starling移動開發教程 現在移動開發可謂熱火朝天，如果您是一位flash開發者，或許您所在的團隊，已經開始基於flash內容的移動應用開發了。由於adobe已經提供了air打包技術，來幫我們把同乙份程式打包到ios，android，blackberry等系統或裝置，這在...
移動端APP專項測試 準備工作（一）
一 業務場景 二 測試頻率 哪些版本測？本次回歸要測哪些功能 核心 常用 非常用 哪些專項？每個測試項，如 記憶體 cpu 流量 空閒 靜默 輕度操作 操作間隔5 10s 重度操作 操作間隔1s 三 資料採集 測試指標 響應時間 記憶體 cpu fps 電量 流量。6個 前台使用 都測 後台使用 不...
移動端工作準備
一 meta標籤的設定 視口1 1比例 禁止使用者縮放 二 dpr 裝置畫素比例 1 dpr 物理畫素 把手機上截圖放在ps中量取的大小 邏輯畫素 css去設定的畫素 2 dpr怎麼獲取 根據ui設計圖而定 絕大部分拿到的設計圖的大小 750px 640px 針對性對dpr進行獲取 如果設計圖為64...