物理像素:
1. 指的就是屏幕像是的最小的點,是真是存在的,設備廠商在生產設備就是已經固定好聊的,比如蘋果678:750*1334
2. 視網膜高清顯示屏,retina顯示屏;作用是把更多的物理像素點壓縮到一塊屏幕里,像素點越密集,看的越清晰,達到更高的分辨率,提高畫質
物理像素比:dpr=物理像素/邏輯像素
物理像素:就是設備所顯示的像素(手機截圖在ps中量取出來的大小)
邏輯像素:頁面在css頁面中書寫的像素
常見的設計稿:
設計圖640px dpr2 320
750px dpr2 375
1125px dpr3
常見的單位:
Px em % pt(磅)更多應用於安卓手機配置
rem:跟隨html的font-size:;值的大小
默認狀態下為
vw:視口的寬度,能夠隨視口的寬度變化而變化
width:100vw;占滿整個視口的寬度
vh:視口的高度,能夠隨視口的高度變化而變化
height:100vw;占滿整個視口的高度
vmin:作比較,視口的高度和視口的寬度作比較,誰小就按誰顯示
vman:作比較,視口的高度和視口的寬度作比較,誰大就按誰顯示