需要了解的基礎(chǔ)知識(shí):
創(chuàng)新互聯(lián)是一家專注于成都做網(wǎng)站、網(wǎng)站建設(shè)與策劃設(shè)計(jì),鄂爾多斯網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)做網(wǎng)站,專注于網(wǎng)站建設(shè)十多年,網(wǎng)設(shè)計(jì)領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:鄂爾多斯等地區(qū)。鄂爾多斯做網(wǎng)站價(jià)格咨詢:028-86922220物理像素:物理像素又被稱為設(shè)備像素,他是顯示設(shè)備中一個(gè)最微小的物理部件。每個(gè)像素可以根據(jù)操作系統(tǒng)設(shè)置自己的顏色和亮度。正是這些設(shè)備像素的微小距離欺騙了我們?nèi)庋劭吹降膱D像效果。
設(shè)備獨(dú)立像素:也稱為密度無關(guān)像素,可以認(rèn)為是計(jì)算機(jī)坐標(biāo)系統(tǒng)中的一個(gè)點(diǎn),這個(gè)點(diǎn)代表一個(gè)可以由程序使用的虛擬像素(比如說CSS像素),然后由相關(guān)系統(tǒng)轉(zhuǎn)換為物理像素。
設(shè)備像素比:簡(jiǎn)稱為dpr,其定義了物理像素和設(shè)備獨(dú)立像素的對(duì)應(yīng)關(guān)系。它的值可以按此公式計(jì)算得到:設(shè)備像素比 = 物理像素 / 設(shè)備獨(dú)立像素 (安卓一般為:1;iPhone為2或者3)
visual viewport:可見視口,即屏幕寬度;
layout viewport:布局視口,即DOM寬度;
idea viewport:理想適口,使布局視口就是可見視口;
設(shè)備寬度(visual viewport)與DOM寬度(layout viewport),scale的關(guān)系是:(visual viewport)= (layout viewport)* scale
獲取屏幕寬度的尺寸:window. innerWidth/Height
獲取DOM寬度的尺寸:document. documentElement. clientWidth/Height
viewport的meta標(biāo)簽