跨设备的像素大小

Question

CSS中的许多前端定义都使用像素作为度量。在设计多种显示尺寸时，这是一个相关的衡量标准吗？我假设像素大小是显示分辨率的函数。是否有任何方法可以使用实际尺寸（例如毫米或类似），或者如果在野外屏幕分辨率有很大差异的情况下使用像素作为衡量指标真的有意义吗？

Answer 1

字体相对长度：“em”，“ex”，“ch”，“rem”单元

视口百分比长度：“vw”，“vh”，“vmin”，“vmax”单元

绝对长度：'cm'，'mm'，'in'，'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。