css - 跨设备的像素大小

Question

CSS 中的许多前端定义都使用像素作为度量。在针对多种显示尺寸进行设计时，这是一个相关的衡量标准吗？我假设像素大小是显示分辨率的函数。有什么方法可以使用实际尺寸（例如毫米或类似尺寸），或者考虑到屏幕分辨率的巨大差异，使用像素作为衡量标准有什么意义？

Answer 1

字体相对长度： '<a href="http://www.w3.org/TR/css3-values/#em-unit" rel="nofollow"> em ', '<a href="http: //www.w3.org/TR/css3-values/#ex-unit" rel="nofollow"> ex ', '<a href="http://www.w3.org/TR/css3-values/ #ch-unit" rel="nofollow"> ch ', '<a href="http://www.w3.org/TR/css3-values/#rem-unit" rel="nofollow"> rem ' 单位

视口百分比长度： '<a href="http://www.w3.org/TR/css3-values/#vw-unit" rel="nofollow"> vw ', '<a href="http: //www.w3.org/TR/css3-values/#vh-unit" rel="nofollow"> vh ', '<a href="http://www.w3.org/TR/css3-values/ #vmin-unit" rel="nofollow"> vmin ', '<a href="http://www.w3.org/TR/css3-values/#vmax-unit" rel="nofollow"> 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">. 这可以帮助目标屏幕分辨率。

基于视口百分比的长度可能是最佳长度，但并非所有浏览器都完全支持它们；因此，它们可能不是您的最佳选择。

Answer 2

您可以使用几种类型的单位看看W3C CSS 单位。