跨設備的像素大小

Question

CSS中的許多前端定義使用像素作爲度量。在設計多種顯示屏尺寸時，這是一個相關的措施？我假設像素大小是顯示分辨率的函數。有沒有什麼方法可以使用真實尺寸（例如毫米或類似），或者考慮到在野外屏幕分辨率的巨大差異，如何使用像素作爲衡量標準是否真的有意義？

Answer 1

字體-相對長度：的 'em'， 'ex'， 'ch'， 'rem' 單元

視口百分比長度：的 'vw'， 'vh'，'vmin 」， 'vmax' 單元

絕對長度：的 'CM'， '毫米'， '在'， 'PT'， 'PC'， 'PX'單位

_{注意，不是所有的這些長度的跨瀏覽器完全支持。見http://caniuse.com/viewport-units}

來源：http://www.w3.org/TR/css3-values/

---

絕對長度，如px經常在響應式設計媒體查詢設置，如<meta name="viewport" content="width=device-width">視口標籤使用，沿着邊。這可以幫助定位屏幕分辨率。基於

視口百分比長度可能是最優化的長度，但是他們not fully supported遍及所有的瀏覽器;因此他們可能不是你最好的選擇。

Answer 2

的單位採取看看W3C CSS units您可以使用幾種類型。