屏幕尺寸是指屏幕對角線的長度，一般以英寸為單位，1英寸（inch）=2.54厘米（cm）。傳統(tǒng)意義上的照片尺寸也是這個概念。所以同樣尺寸（指對角線）的屏幕，也可能長寬比率不同。
像素（Pixel）：是位圖（如數字圖像）里的抽象概念，指計算機對圖像的采樣點，沒有具體尺寸。通俗理解就是一個一個的方框（點），計算機會保存該采樣點的位置和顏色值。
每個像素存儲RGBA 4個通道的值，每個通道有256個值，即瀏覽器解壓圖片后每個像素大小為4（通道）*1（字節(jié)，8位256個值）。

分辨率：像素的總數。如1024px*600px，表示在每行上有1024個像素（采樣點），在每列上有600個像素（采樣點）。
注意只要沒有對數字圖像本身進行編輯，任何的顯示或打印設置都不會改變圖像本身（分辨率）。
像素密度（PPI）：即每英寸所擁有的像素數，英文為Pixels Per Inch。

DPI（Dot Per Inch）：含義和ppi一樣，指每英寸上所打印的點數，是印刷行業(yè)的計量單位。ppi和dpi經常用混，一般“像素”用于電腦顯示領域，而“點”使用于打印或印刷領域。
分辨率、PPI和尺寸的關系：
　　圖片的物理尺寸×圖片的PPI =圖片在屏幕上顯示的的物理尺寸×屏幕的PPI= 圖片像素總數（分辨率）
分辨率為1920x1080的照片，輸出到一張5寸的相紙上，PPI是440。
如果輸出到760寸（19米）的廣告牌上，則PPI只有3，非常模糊。
常用PPI/DPI設置：
1.洗印照片：300或以上
2.名片、雜志等：300
3.高清寫真海報：96~200
4.網絡圖片，網頁界面：72
5.大型噴繪：25~50
把同一幅數碼圖片顯示到計算機顯示器或手機屏幕上時，顯示器或手機屏幕的PPI越高，則效果越細膩，圖片在顯示器或手機上看起來也越?。环粗?，顯示器或手機屏幕的PPI越低，則效果越粗糙（甚至能看出顆粒感），圖片在顯示器或手機上看起來也越大。

物理分辨率是顯示器等設備固有的參數，不能調節(jié)。一般是指該設備最高（最佳）可顯示的像素數。例如LED液晶屏通過網格來劃分液晶體，一個液晶體（光電）即為一個物理像素點。同樣PPI越高清晰度越高。
顯示器分辨率，其實是指操作系統(tǒng)設定的分辨率，而不是顯示器的物理分辨率。但是液晶顯示器只有在系統(tǒng)分辨率與物理分辨率一致的情況下（即點對點顯示），顯示效果最佳，所以可以認為二者等價。

Css中的px為相對單位，相對于不同設備viewport而言。同一元素（以px為單位），在不同設備上的物理尺寸不一樣。
Css2規(guī)范建議 1英寸內含96px。如果用戶代理所在設備不是這個值，用戶代理應重新縮放為更合理的值。At zoom level 100% one CSS pixel is exactly equal to one device pixel.所以開發(fā)中為兼顧不同設備中的顯示效果，只需要考慮設備的物理分辨率?？梢酝ㄟ^chrome的resolution test插件，或工具類網站查看各種屏幕下的頁面效果。

頁面放大/縮?。?/strong>
元素總像素不變，設備物理像素也不變，只是對應關系改變。原來是1對1，元素放大后通過插值算法從左右的像素里過渡出像素進行填充，占據更多的物理像素，也就是1個元素像素對應多個物理像素（顯示點）。
比如zoom為200%，原來的元素會變成4倍大（width、height各2倍），即占據屏幕的空間也是原來的4倍。