設備（物理）像素和CSS（邏輯）像素

1.什麼是設備像素和CSS像素?

• 1.1、設備像素又稱爲物理像素, 是"物理屏幕"上真實存在的發光點，只有屏幕一經出廠就固定不會改變
• 1.2、CSS像素又稱爲邏輯像素，是編程世界中虛擬的東西, 我們通過代碼設置的像素都是邏輯像素
  例如:

iPhone3G/iPhone3GS	3.5英寸	邏輯像素320*480	設備像素320*480
iPhone4/4S	3.5英寸	邏輯像素320*480	設備像素640*960

也就是說CSS像素和設備像素在有的時候是不一樣的

2.什麼時候不一樣?爲什麼不一樣?

• 2.1在PC端，1個CSS像素往往都是對應着電腦屏幕的1個物理像素,
  所以我們無需關心PC端的CSS像素和設備像素

• 2.2在手機端，最開始其實1個CSS個像素也是對應着手機屏幕的1個物理像素,
  但是後來一個改變世界的男人(喬布斯)改變了這一切~
  從iPhone4開始，蘋果公司推出了所謂的retina視網膜屏幕。
  iPhone4的屏幕尺寸卻沒有變化，但是像素點卻多了一倍
  這就導致了在1個CSS個像素等於1個物理像素的手機上, 我們設置1個CSS像素只會佔用1個物理像素
  而在1個CSS個像素不等於1個物理像素的手機上, 我們設置1個CSS像素就會佔用2個物理像素
  所以仔細觀察你會發現同樣是1像素但是在retina視網膜屏幕的手機上會粗一些