在前端開發過程中,必須會用的單位是畫素px
物理畫素:我們的頁面展示在數字顯示屏上,如果我們仔細觀察手機或者電腦能發現,顯示器是由一格一格的正方形組成,而這個正方形就是裝置上顯示的最小單位
css畫素:就是我們在寫樣式時用到的比如width:100px.
解析度:單位長度中，所表達或擷取的畫素數目.
pc端:如果你的電腦設定了解析度是1920*1080,那麼你的顯示器一行就是1920px,如果你的布局大於1920在你的顯示器上就會換行,如果設定的是1280*768,那麼你的布局一行超過1280px就會換行(當然瀏覽器正常情況下是不會全屏的,會損失一些畫素,只有在全屏的模式下瀏覽器的寬度才等於螢幕寬度,可以f11全屏模式,window.innerwidth去獲取寬度),如果你的電腦還設定了縮放比例,那麼螢幕能顯示的畫素=解析度/縮放比例,如果是1920的就只能顯示1536了
手機端:手機端的解析度都是設定好的,比如iphone6的解析度是750*1334但是css畫素卻是375*667,原因就是iphone是兩倍屏也就是他的縮放比例是200%
css畫素和物理畫素的關係
裝置名稱
解析度縮放比例
css畫素(px)
pc1920*1080
100%
1920*1080
pc1920*1080
125%
1536*864
iphone6
750*1334
200%
375*667
iphonex
1125 *2436
300%
375*812
畫素與解析度
可以通過displaymetrics類來獲得手機螢幕的寬度 高度 密度等，如下 displaymetrics metric new displaymetrics getactivity getwindowmanager getdefaultdisplay getmetrics metric int ...
畫素和解析度
什麼是畫素？點 組成影象的基本單元 畫素是有物理長度和寬度的實體，長度和寬度的大小取決於單位面積上顯示器或的解析度，相同面積不同解析度或不同面積相同解析度的顯示器，畫素的大小不一樣 什麼是解析度？單位面積的 顯示器或影象 長和寬兩個方向上各擁有的畫素的個數 例如 640x480的，表示這張在每個長度...
iOS解析度和畫素
解析度和畫素 經新xcode6模擬器驗證 解析度為pt，畫素為真實pixel 自動適配 不處理時自動等比拉伸，如果在老工程列印螢幕frame，依然是320x568 對比自動適配的和完美適配的導航欄就能看出問題 因為拉伸所以會有一些虛，導航欄明顯比64要大，但相比3.5寸到4寸的留黑邊還是好很多。如何...