css中的1px並不等於裝置的1px

標籤：

在css中我們一般使用px作為單位，在案頭瀏覽器中css的1個像素往往都是對應著電腦螢幕的1個物理像素，這可能會造成我們的一個錯覺，那就是css中的像素就是裝置的物理像素。但實際情況卻並非如此，css中的像素只是一個抽象的單位，在不同的裝置或不同的環境中，css中的1px所代表的裝置物理像素是不同的。在為案頭瀏覽器設計的網頁中，我們無需對這個津津計較，但在行動裝置上，必須弄明白這點。在早先的行動裝置中，螢幕像素密度都比較低，如iphone3，它的解析度為320x480，在iphone3上，一個css像素確實是等於一個螢幕物理像素的。後來隨著技術的發展，行動裝置的螢幕像素密度越來越高，從iphone4開始，蘋果公司便推出了所謂的Retina屏，解析度提高了一倍，變成640x960，但螢幕尺寸卻沒變化，這就意味著同樣大小的螢幕上，像素卻多了一倍，這時，一個css像素是等於兩個物理像素的。其他品牌的行動裝置也是這個道理。例如安卓裝置根據螢幕像素密度可分為ldpi、mdpi、hdpi、xhdpi等不同的等級，解析度也是五花八門，安卓裝置上的一個css像素相當於多少個螢幕物理像素，也因裝置的不同而不同，沒有一個定論。

http://www.cnblogs.com/2050/p/3877280.html

css中的1px並不等於裝置的1px