深度講解VIEWPORT和PX是什麼

牛叉的參考：深度講解viewport和px是什麼）

相信每個android新手都會遇到這個問題，希望這篇帖子能讓你不再糾結。

即畫素，1px代表螢幕上乙個物理的畫素點；

px單位不被建議使用，因為同樣100px的，在不同手機上顯示的實際大小可能不同，如下圖所示（來自android developer guide，下同）。

偶爾用到px的情況，是需要畫1畫素**線或陰影線的時候，用其他單位如dp會顯得模糊。

這個是最常用但也最難理解的尺寸單位。它與「畫素密度」密切相關，所以首先我們解釋一下什麼是畫素密度。假設有一部手機，螢幕的物理尺寸為1.5英吋x2英吋，螢幕解析度為240x320，則我們可以計算出在這部手機的螢幕上，每英吋包含的畫素點的數量為240/1.5=160dpi（橫向）或320/2=160dpi（縱向），160dpi就是這部手機的畫素密度，畫素密度的單位dpi是dots per inch的縮寫，即每英吋畫素數量。橫向和縱向的這個值都是相同的，原因是大部分手機螢幕使用正方形的畫素點。

不同的手機/平板可能具有不同的畫素密度，例如同為4寸手機，有480x320解析度的也有800x480解析度的，前者的畫素密度就比較低。android系統定義了四種畫素密度：低（120dpi）、中（160dpi）、高（240dpi）和超高（320dpi），它們對應的dp到px的係數分別為0.75、1、1.5和2，這個係數乘以dp長度就是畫素數。例如介面上有乙個長度為「80dp」的，那麼它在240dpi的手機上實際顯示為80x1.5=120px，在320dpi的手機上實際顯示為80x2=160px。如果你拿這兩部手機放在一起對比，會發現這個的物理尺寸「差不多」，這就是使用dp作為單位的效果，見下圖。

更新20140701: 是不是所有android手機的螢幕寬度用dp衡量都是固定值（例如320dp）呢？答案是否定的，如果寫乙個程式畫寬度等於320dp的橫線，在不同手機上執行，會發現在有些手機上橫線比手機螢幕短，有些則比螢幕長，在平板上與手機上相比差別則更加明顯。

與dp完全相同，只是名字不同而已。在早期的android版本裡多使用dip，後來為了與sp統一就建議使用dp這個名字了。

與縮放無關的抽象畫素（scale-independent pixel）。sp和dp很類似但唯一的區別是，android系統允許使用者自定義文字尺寸大小（小、正常、大、超大等等），當文字尺寸是「正常」時1sp=1dp=0.00625英吋，而當文字尺寸是「大」或「超大」時，1sp>1dp=0.00625英吋。類似我們在windows裡調整字型尺寸以後的效果——視窗大小不變，只有文字大小改變。

還有幾個比較少用到的尺寸單位：

即公釐；

即英吋，1英吋=2.54厘公尺（約）；

1pt=1/72英吋=0.035厘公尺；

最佳實踐：

文字的尺寸一律用sp單位，非文字的尺寸一律使用dp單位。例如textsize="16sp"、layout_width="60dp"；偶爾需要使用px單位，例如需要在螢幕上畫一條細的分隔線時：

<

view 
layout_width
="match_parent"
layout_height
="1px"
/>

移動端viewport講解

viewport描述 也就是可視區域。對於桌面瀏覽器，我們都很清楚viewport是什麼，就是除去了所有工具欄 狀態列 滾動條等等之後用於 看網頁的區域，這是真正有效的區域。由於移動裝置螢幕寬度不同於傳統web,因此我們需要改變viewport 這是真正有效的 區域。由於移動裝置螢幕寬度不同於傳統w...

Flink State 深度講解

在基礎篇中的 1.2 節中介紹了 flink 是一款有狀態的流處理框架。那麼大家可能有點疑問，這個狀態是什麼意思？拿 flink 最簡單的 word count 程式來說，它需要不斷的對 word 出現的個數進行結果統計，那麼後乙個結果就需要利用前乙個的結果然後再做 1 的操作，這樣前乙個計算就需要...

流式布局和viewport

百分比布局，非固定寬度，內容向兩邊填充，流動的布局。pc端的網頁在手機端的瀏覽器顯示是不會出現網頁的，這是因為移動端的網頁不是直接放在移動端的瀏覽器中，而是放在移動端的乙個虛擬區域中，這個虛擬區域叫做viewport 視覺視窗,視口，視口的寬度一般預設比瀏覽器寬度大 然後視口進行相應的縮放，最後將視...