怎麼理解物理像素和CSS像素？

很不理解這段話：

後來隨着技術的發展，移動設備的屏幕像素密度越來越高，從iphone4開始，蘋果公司便推出了所謂的Retina屏，分辨率提高了一倍，變成640x960，但屏幕尺寸卻沒變化，這就意味着同樣大小的屏幕上，像素卻多了一倍，這時，一個css像素是等於兩個物理像素的。

還有一個因素也會引起css中px的變化，那就是用戶縮放。例如，當用戶把頁面放大一倍，那麼css中1px所代表的物理像素也會增加一倍；反之把頁面縮小一倍，css中1px所代表的物理像素也會減少一倍。

爲什麼放大後CSS裏面1PX對應的物理像素反而增加了？不應該是減少了嗎？

解釋：

0

只討論寬或高，面積自己乘。
用戶把頁面放大(手指向外滑動，看到元素變大)一倍，那麼css中1px所代表的物理像素也會增加一倍。
1.100px的div不管放大縮小永遠都是100px，因爲這就是元素單位。
2.200物理像素的設備，不管放大縮小永遠都是200物理像素，因爲屏幕硬件是死的。
3.200物理像素剛好放下兩個100px的div時，1px=1物理像素。
4.頁面放大，200物理像素只能看到1個100px的div時，請問1px等於多少物理像素。