分辨率、像素、CSS像素

像素是個相對尺寸。例如同樣5寸的手機,分辨率是不同的。
PC端上,屏幕的的像素數(shù)是固定的了。 調(diào)整分辨率只是把有效的像素數(shù)改變了。 屏幕會通過一定的算法,把無效的像素點填上。

參考文章: (全解析)屏幕尺寸,分辨率,像素,PPI之間到底什么關(guān)系?

上面提出的像素是物理像素,CSS像素是另外一個概念,普通PC上兩者是相同的。由于手機中引入了高清屏,才使得CSS像素和物理像素不一致,有了個設(shè)備像素比(device pixel ratio )的概念:

設(shè)備像素比 = 物理像素 / 設(shè)備獨立像素 // 在某一方向上,x方向或者y方向

參考文章:
CSS Pixel與絕對像素
前端工程師需要明白的「像素」

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容