logo标签列表

CSS能否获取真实的英寸尺寸？

javascriptcsshtml
12

是否可以将一个元素（比如一个div）的宽度以英寸为单位绘制，并且在其他设备上也保持相同的宽度（以英寸为单位）？

或者简单地说，答案是否是否定的，并且你最终会得到类似于1英寸= 96像素的比例尺。

编辑：尝试在元素上使用CSS英寸，然后用尺子测量该元素，这是我的困境所在。

编辑：在2014年，我真的需要让用户拿尺子放在屏幕上以获得所需的比例吗？

重新开放编辑：

我正在创建一个应用程序，在其中一个元素必须是（根据应用程序要求）在不同设备上以英寸为单位的固定宽度 - 仅限于平板电脑和台式机（屏幕不小于1024 x 768）。有人建议您需要让用户物理测量和校准此区域，以给出可以与px一起使用的比例。这确实是唯一的方法吗？让用户在屏幕上拿尺子测量？

编辑：为什么我需要这样做，有些人问？我正在将现实世界中存在的产品虚拟化 - 这种产品需要人类互动，缩放大小无法奏效，它必须在不同设备上保持固定宽度。

4
CSS如何知道我的投影仪离屏幕有多远，或者我将缩放旋钮调高了多少？ - dandavis
2
@dandavis 这就是为什么这是一个新手网页开发问题的原因。如果你真的必须得到实际尺寸，请打印它。 - tenub
1
@tenub 我以为这是网络应用程序的时代。 - user602525
1
@tenub 我的用户是否必须使用尺子才能获得所需的比例？如果答案是肯定的，那么好吧，他们没有其他选择，我只是想知道答案。 - user602525
1
@tenub 我不能透露固定长度（无刻度）的必要性，因为这是我与团队为公司合作开发的产品。但我可以绝对肯定地说，它必须是一个固定长度，在使用设备之间不会改变。我们的任务是找到一种方法来消除用户在校准比率时的干预。在iPad上查看应该与27英寸屏幕相同。 - user602525
显示剩余10条评论
3个回答
4
是的，可以使用英寸、厘米和毫米等测量单位。长度到像素数的转换由系统处理。然而，W3C不推荐在屏幕上使用它们，因为相关机器必须支持转换。
请注意，如果锚点单位是像素单位，则物理单位可能与其物理测量不匹配。或者，如果锚点单位是物理单位，则像素单位可能无法映射到整个设备像素。
请注意，像素单位和物理单位的定义与CSS的先前版本不同。特别地，在CSS的以前版本中，像素单位和物理单位之间没有固定比率的关系：物理单位总是与其物理测量相关联，而像素单位会变化以最接近参考像素。 （这种变化是因为太多现有内容依赖于96dpi的假设，打破这种假设会破坏内容。）
（来源：http://www.w3.org/TR/CSS21/syndata.html#length-units）
2
抱歉，已修复。现在引用了W3C的文档。 - Milo P
在大多数移动设备中，CSS厘米并不等于实际厘米。目前还没有可行的解决方案来确定实际厘米。 - SergeiMinaev
2
在CSS中使用英寸单位是可能的（字面上的“1in”），但并不总是准确的，因为浏览器、操作系统和显示器都必须完美地协同工作才能做到。准确性始终取决于具体情况，但在我的显示器上通常会偏差约半英寸。也许我在这里的回答可以帮助您。没有100%准确的保险方法，但这也是因为在CSS中拥有它并不是最有用的事情。通常使用像素处理就能达到同样的效果。
2
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接