為什么在retina屏下 1px使用2dp渲染？
不是很理解 1dp 在160dpi下 應(yīng)該等于1px ?在retina屏下 由于像素比ppi大于2 ?意味著相同的dp 需要更多的像素來渲染 1dp應(yīng)該等于2px ?為什么是 1px 使用2dp？？?
3 回答
舉報
0/150
提交
取消
不是很理解 1dp 在160dpi下 應(yīng)該等于1px ?在retina屏下 由于像素比ppi大于2 ?意味著相同的dp 需要更多的像素來渲染 1dp應(yīng)該等于2px ?為什么是 1px 使用2dp？？?
2016-03-01
舉報
2017-03-13
哎。那你針對什么水果6pl ?在 transform: scale() ?這里 對應(yīng)的設(shè)置 數(shù)據(jù)不就好了 。 你要搞清楚人家講課的目的。死纏著這些 ?真服
2016-03-02
我可能是沒弄清楚 ?但我目前了解的是?iPhone 5的設(shè)備分辨率 是1136*640px ?即320*568pt? 此時 1pt=2px 即iOS中的@2x ? Android中在不同的hdpi下 1dp對應(yīng)的像素也不同 ?dp有點像物理尺寸 ?同樣是100dp的圖片 在160dpi的設(shè)備下 圖片大小是100px 在320dpi的設(shè)備下 圖片大小應(yīng)為200px才能達到100dp ?我是這么理解的 對于retina屏的原理?是把1個px分成4份去顯示了 在dpr=2的設(shè)備下 1px顯然不能完全填充到1dp 根據(jù)retina屏的工作原理 它把1px分成了4份（即長寬各增長1倍）去顯示 所以 截圖后1px的邊框 變成了2px ?當在iPhone 6 plus里 dpr=3 ?1px應(yīng)該分成了9份去顯示長寬應(yīng)該變?yōu)樵瓉淼?倍 此時截圖邊框應(yīng)該會變?yōu)?px （這個未測試，iPhone6+ 實際上dpr≈2.8 apple為了好做適配改成了3 ） 但也不應(yīng)該是 1px=2dp。
2016-03-02
因為你沒有理清楚他們之間的關(guān)系。
以iphone5為例
設(shè)備分辨率1136*640dp------>>根號下（1136*1136+640*640）/4=326ppi（屏幕每英寸的像素數(shù)量）------>>
326ppi屬于retina屏幕，（設(shè)備像素縮放比，即dp/px）dpr=2------>>1px =?(dpr)*(dpr)*dp------>>iphone5的屏幕為320*568px，也就是說1px使用2dp
定義：
px：CSS pixels 邏輯像素，瀏覽器使用的抽象單位
dp，pt：device independent pixels設(shè)備無關(guān)像素
dpr：devicePixelRatio 設(shè)備像素縮放比
PPI：屏幕每英寸的像素數(shù)量，即單位英寸內(nèi)的像素密度
PPI越高，像素數(shù)越高，圖像越清晰。
但是可視度低，系統(tǒng)默認設(shè)置縮放比越大。
Retina屏（高清屏）：dpr都是大于等于2