怎麼理解物理像素和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等於多少物理像素。