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