dpi是dots per inch的縮寫，中文即每英吋點數，或者每英吋畫素數。
100 * 100的
在dpi為100的地方就是1英吋*1英吋的大小
在dpi為200的地方就是0.5英吋*0.5英吋的大小
在iphone4(dpi為326)就是0.3英吋*0.3英吋左右的大小
同樣，只要是我們看得到的東西，包括，文字，邊框粗細，都會在dpi的不同下會看到不一樣的大小。
表 1.移動裝置解析度、大小和 dpi 值的示例
生產商裝置解析度 (px)螢幕對角線長度(in)dpi
iphone 4, ipod 4
960 x 640
3.5326
ipad 1, ipad 2
1024 x 768
9.7132
blackberry
playbook
1024 x 600
7170
htcevo
800 x 480
4.3217
motorola
atrix
960 x 540
4275
motorola
xoom
1280 x 800
10.1
150samsung
galaxy tab
1024 x 600
7170
在移動裝置和桌面裝置上，每一家的dpi實際值都不一樣，但是綜合看起來，他們都非常接近於160， 240， 320 這3個值。
而且通過這3個值也能很好的把握住位圖縮放的尺寸，不太容易出現鋸齒的情況。
移動端開發之rem布局
html 根元素的基礎font size被設定為37.5px，則1rem 37.5px box1 box1的寬度10rem則被計算成寬度為375px，高度為75px，文字大小為18.25px box1 title title的寬度依舊相對於根元素計算，結果為75px 暫時想不出來了。綜上所述，rem...
移動端開發
一。響應式設計好處 1.一套專案 2.一套開發環境 3.乙個url 4.內容所見即所得 5.不會因為終端公升級而導致不可用 做法 布局百分比寬度 容器浮動 二。viewport引數的最佳組合 三。mediaquery書寫思路 先寫高解析度樣式。理由 1.設計師設計原型往往首先基於寬屏，甚至不會給出適...
移動端開發
移動前端開發正逐漸步入前端技術的主流，事實上跟在一般的pc上，並不需要你掌握額外的技術，然而你在pc web上那一套在多數情況下並不適用於手機web，你必須知道這其中的注意點。but，移動端布局最爽的就是再也不用考慮各種對ie的相容了 一 首先來說一下移動端和pc端頁面布局的不同點 二 做移動端頁面...