#非原創#原文出處在底部
px=pixel的縮寫，意為畫素 。
px就是裝置或者**最小的乙個點。如畫素為1024x768，就是說水平方向是1024個畫素點，垂直方向是768個畫素點。
是網頁設計常用的單位，也是基本單位。
可通過px設定固定的布局或者元素大小。
缺點：沒有彈性。
（rpx = responsive pixel）可以根據螢幕寬度進行自適應。
解釋：如寬度，相當於把螢幕寬度氛圍750份，1份就是1rpx。高度類似~
參考物是父元素的 font-size，具有繼承的特點。
如果自身定義了 font-size 按自身來計算（瀏覽器預設字型是16px），整個頁面內1em不是乙個固定的值。
特點一：em的值並不是固定的；特點二：em會繼承父級元素的字型大小。
1em = 1 倍父元素 font-size 的值，2em=2 倍父元素 font-size 的值，以此類推……
rem是相對於根元素 html，這樣就意味著，我們只需在根元素確定乙個參考值，可以設計html為大小為10px，到時候設定1.2rem就是12px，以此類推……
優點是：只需要設定根目錄的大小就可以吧整個頁面成比例的調好。
一般來說就是相對于父元素的：
對於普通定位元素，就是我們理解的父元素
對於 position: absolute; 的元素是相對於已定位的父元素
對於 position: flex; 的元素是相對於viewport（可視視窗）
css3新單位，vw = view width的簡寫，是指可視視窗的寬度。假如寬度是1200px的話。那100vw就是1200px，10vw就是120px，以此類推……
舉個栗子：瀏覽器寬度1200px，1vw = 1200px/100 = 12px。
和vw類似(都有點類似於百分比的意思)
css3新單位，vh = view height的簡寫，是指可視視窗的寬度。假如寬度是1200px的話，那100vh就是1200px，10vh就是120px，以此類推……
舉個栗子：瀏覽器高度為1200px，1vh = 1200px/100 = 12px。
css3新單位，相對於視口的寬度或高度中較小的那個，其中最小的那個被均分為100單位的vm。舉個栗子：瀏覽器高度900px，寬度1200px，取最小的瀏覽器高度，1vm = 900px/100 = 9px
相容性較差，不建議使用
比如說，我根據rem誠意根元素 font-size 算出的px值有小數，最終是零點幾px咋整，不同瀏覽器對這個支援好吃呢高度不同，有的只渲染處零點幾px對應的物理畫素，有的乾脆都顯示1px，後果就是，同樣的rem值在不同dpr的裝置上寬度不同，最常見的就是邊框，有的裝置上顯得特別寬，很彆扭，也就是經典的1px邊框問題。
這個問題的解決方案也有很多，可以通過設定1px，然後根據不同dpr，設定不同的縮放來做，當然也有其他的方案。我這裡只是想說rem帶來的一些問題。
畫素比：dpr是裝置畫素比，也就是css的裝置無關畫素px和物理畫素的比
寬度比：開發適配的裝置的寬度（現在一般是iphone6），和實際的裝置的寬度的比
綜上所述：畫素比實現高畫質，寬度比實現適配
前端頁面css字型單位大小畫素
乙個頁面字型的大小在不同的裝置上效果會不同，怎樣解決字型的大小適中成為乙個很值得考慮的問題。解決這個問題多種做法多種方案，根據自己的需求自行選擇合適你的 純css方案 px常用的字型大小的單位，px相信是大家經常用的 pt全稱 point 意思大致為 點，是乙個專用的印刷單位 磅 大小為1 72英吋...
前端常用單位
單位名稱為畫素，相對長度單位，畫素px是相對於顯示器螢幕解析度而言的。畫素的使用性特別廣。使用px定義文字，無論使用者怎麼設定，都不會改變大小。單位名稱為點 point 絕對長度單位。1pt 1 72英吋，常用於印刷當中，在ai ps等設計軟體當中字型大小所用的單位就是pt，它在廣告印刷業當中十分受...
OPENGL 單位長度對應螢幕畫素
fovy 視角，指定視景體的視野的角度，以度數為單位，y軸的上下方向 x軸的視角可以由y軸視角和視景體的寬高比計算出 aspect 視景體的寬高比 視窗的縱橫比,即x y znear 指定觀察者到視景體的最近的裁剪面的距離 必須為正數 zfar 指定觀察者到視景體的最遠的裁剪面的距離 必須為正數 在...