像素基礎(chǔ)

px：css邏輯像素，瀏覽器使用的
dp、pt：device independent pixels 設(shè)備無關(guān)像素（物理）
dpr：devicePixelRatio 設(shè)備像素縮放比

1px = （dpr）2 × dp （實際開發(fā)中，一般使用長度換算關(guān)系即可）

iphone5: 640 × 1136 (物理像素，分辨率dp)
電腦上顯示：320 × 568
dpr = 2

dpi：打印機每英寸可以噴的墨汁點（印刷行業(yè)）
ppi：屏幕每英寸的像素數(shù)量，即單位英寸內(nèi)的像素密度

iphone5：
ppi = √（11362+6402）/4 = 326ppi（視網(wǎng)膜Retina屏，即dpr>=2）
對應(yīng)表格326ppi屬于超高清

最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 英寸：這里指的是屏幕主對角線的尺寸，1英寸=2.54cm，5.5英寸約等于14cm（13.97cm） 分辨率：19...
    大笑一聲閱讀 360評論 0贊 0
  • 剛開始做移動端web開發(fā)的同學(xué)應(yīng)該都碰到過頁面適配問題，為什么我在開發(fā)手機上調(diào)試好的頁面在其他手機會有這樣或那樣的...
    留七七閱讀 19,774評論 5贊 80
  • 目錄 移動端開發(fā)的基本觀點 像素基礎(chǔ)知識 viewport原理解析 彈性布局 響應(yīng)式設(shè)計 1rem的運用 移動端的...
    犯迷糊的小羊閱讀 3,074評論 4贊 18
  • Pixel移動開發(fā)像素知識 px：css pixels邏輯像素，瀏覽器使用的抽象單位 dp,pt:device i...
    Mandy_jin閱讀 645評論 0贊 3
  • 俄國作家契珂夫說得好：假如故事中出現(xiàn)了手槍，那就必須讓它發(fā)射。
    乾木青閱讀 316評論 0贊 0

友情鏈接更多精彩內(nèi)容