哎。那你針對什么水果6pl ?在 transform: scale() ?這里 對應的設置 數據不就好了 。 你要搞清楚人家講課的目的。死纏著這些 ?真服

我可能是沒弄清楚 ?但我目前了解的是?iPhone 5的設備分辨率 是1136*640px ?即320*568pt? 此時 1pt=2px 即iOS中的@2x ? Android中在不同的hdpi下 1dp對應的像素也不同 ?dp有點像物理尺寸 ?同樣是100dp的圖片 在160dpi的設備下 圖片大小是100px 在320dpi的設備下 圖片大小應為200px才能達到100dp ?我是這么理解的 對于retina屏的原理?是把1個px分成4份去顯示了 在dpr=2的設備下 1px顯然不能完全填充到1dp 根據retina屏的工作原理 它把1px分成了4份（即長寬各增長1倍）去顯示 所以 截圖后1px的邊框 變成了2px ?當在iPhone 6 plus里 dpr=3 ?1px應該分成了9份去顯示長寬應該變為原來的3倍 此時截圖邊框應該會變為3px （這個未測試，iPhone6+ 實際上dpr≈2.8 apple為了好做適配改成了3 ） 但也不應該是 1px=2dp。

因為你沒有理清楚他們之間的關系。

以iphone5為例

設備分辨率1136*640dp------>>根號下（1136*1136+640*640）/4=326ppi（屏幕每英寸的像素數量）------>>

326ppi屬于retina屏幕，（設備像素縮放比，即dp/px）dpr=2------>>1px =?(dpr)*(dpr)*dp------>>iphone5的屏幕為320*568px，也就是說1px使用2dp

定義：

px：CSS　pixels 邏輯像素，瀏覽器使用的抽象單位

dp，pt：device independent pixels設備無關像素

dpr：devicePixelRatio 設備像素縮放比

PPI：屏幕每英寸的像素數量，即單位英寸內的像素密度

PPI越高，像素數越高，圖像越清晰。

但是可視度低，系統默認設置縮放比越大。

Retina屏（高清屏）：dpr都是大于等于2