用CSS获得真正的英寸是否可能?

use*_*525 11 html javascript css html5

是否有可能将一个元素(例如div)绘制为以英寸为单位的宽度,并且该元素实际上有可能是该宽度(以英寸为单位),特别是在移动到其他设备时?

或者是答案,简单地说,不,你最终会得到像1in = 96px这样的比例

编辑:尝试在元素上使用CSS英寸,然后拿起一个标尺给元素,看看我的困境

编辑:在2014年,我是否真的必须让我的用户在屏幕上竖起标尺以获得我需要的比例?

编辑重新打开:

我正在创建一个应用程序,其中一个元素必须是(根据应用程序的要求)在不同设备上的固定宽度(英寸) - 仅限于平板电脑和台式机(屏幕不低于1024 x 768).我已经看到答案表明您需要让您的用户进行物理测量并校准此区域,以便为您提供可与px一起使用的比率.这真的是唯一的方法吗?让您的用户在屏幕上显示标尺?

编辑:为什么我需要这样做,有人问过?我正在购买一个确实存在于物理世界并对其进行虚拟化的产品 - 该产品需要人工交互并且缩放尺寸不起作用,它必须在设备之间保持固定的宽度.

Mil*_*ica 4

是的,这是可能的——接受英寸、厘米和毫米等尺寸。从长度到像素数的转换由系统处理。不过, W3C不建议在屏幕上使用它们,因为相关机器必须支持转换。

请注意,如果锚定单位是像素单位,则物理单位可能与其物理测量值不匹配。或者,如果锚单元是物理单元,则像素单元可能不会映射到全部设备像素。

请注意,像素单位和物理单位的定义与以前版本的 CSS 不同。特别是,在 CSS 的早期版本中,像素单位和物理单位并不以固定比率相关:物理单位始终与其物理测量值相关,而像素单位会变化以最接近地匹配参考像素。(进行此更改是因为太多现有内容依赖于 96dpi 的假设,而打破该假设就会破坏内容。)

(来源: http: //www.w3.org/TR/CSS21/syndata.html#length-units

  • 抱歉,已修复。现在引用 W3C 的文档。 (2认同)