關于PX的理解,還有手機上的一些問題
首先,謝謝你做的這期視頻,我之前寫手機端的時候,就遇到一些不明了的問題。
先說一下PC端上的。
首頁,根據從網上得來的知識:PX是一個相對長度,而不是一個絕對長度(相對于PC的分辨率)。比如20英寸的電腦顯示屏。假如設置分辨率:1920X1080。這個時候,寫一個div(1280X720)PX,是不會充滿這個20英寸的電腦顯示屏的,但是當我們把這個20英寸的電腦分辨率設置為1280X720的時候,還是這個1280X720的div,就會填滿這個20英寸的電腦屏幕。說以說我們寫的CSS中1PX的長度是和電腦的分辨率有關的(可以認為CSS中的1PX和使用電腦的分辨率的1個單位長度相同)。也正是這個原因,導致了相同的CSS修飾,在不同的分辨率下展現的效果不同。
物理像素,就是你說的那個dp,長度應該是絕對的吧。這樣的話,根據PX和dp的換算公式,同一個電腦,分辨率是1920X1080的時候的1PX長度不是應該大于1280X720時候1PX的長度嗎?但是實際上是小于的,因為分辨率1280的時候,1280PX寬度的div充滿顯示屏,但是1920的時候,沒有充滿。還是說這個換算公式只是在手機端有效?
2015-10-26
關于電視設置分辨率的問題,我沒有深入研究大體理解其原理為“縮放”。在1920*1080時候的1px應該是要比1280*720的更短一些的。px和dp的換算公式是基于縮放比,假如1920*1080的縮放比為1,那么1280*720的縮放比我們就假設1.5(可視度越低,縮放比越高,反之亦然)。
這時: 1px = 1dp,和1px=1.5^2dp=2.25dp,得出結果也是符合的,1920的比1280的更小一些。所以問題處于你理解px和dp的換算公式上。
2016-09-13
同一個顯示屏,你把它分的份數越多,每一份就越小。
2016-02-15
我是這樣理解的,我們規定一個div有1280X720px,那分辨率越高的屏幕dpr越大,px = (dpr)^2*dp,所以dp就越小,div大小就越小。