是否有可能将一个元素(例如div)绘制为以英寸为单位的宽度,并且该元素实际上有可能是该宽度(以英寸为单位),特别是在移动到其他设备时?
或者是答案,简单地说,不,你最终会得到像1in = 96px这样的比例
编辑:尝试在元素上使用CSS英寸,然后拿起一个标尺给元素,看看我的困境
编辑:在2014年,我是否真的必须让我的用户在屏幕上竖起标尺以获得我需要的比例?
编辑重新打开:
我正在创建一个应用程序,其中一个元素必须是(根据应用程序的要求)在不同设备上的固定宽度(英寸) - 仅限于平板电脑和台式机(屏幕不低于1024 x 768).我已经看到答案表明您需要让您的用户进行物理测量并校准此区域,以便为您提供可与px一起使用的比率.这真的是唯一的方法吗?让您的用户在屏幕上显示标尺?
编辑:为什么我需要这样做,有人问过?我正在购买一个确实存在于物理世界并对其进行虚拟化的产品 - 该产品需要人工交互并且缩放尺寸不起作用,它必须在设备之间保持固定的宽度.
在新的Kindle 3G中使用WebKit浏览器玩弄时,我注意到了这一点,window.screen.width并且window.screen.height没有反映实际的屏幕尺寸。物理屏幕(或更确切地说,纸张)尺寸为800 x 600。我得到:
但是有趣的是,在我的桌面上运行的Chrome和Safari(也是WebKit)都报告了实际的屏幕分辨率。
根据MDC的介绍,这些属性不是任何规范的一部分,因此可能没有严格定义应报告的宽度/高度。但是,难道不应该期望它们反映实际的屏幕尺寸吗?