JQuery 高度和单位

Question

我知道 jquery 的 height() 方法返回一个无单位的数字... 我如何确定这个数字是我想要的单位？

我想用厘米 cm 有什么想法吗？

Answer 1

height() 返回的单位是像素。

将其转换为厘米可能很困难，因为这取决于用户的显示器、像素大小等。

问题，天哪，你为什么想要厘米？

Answer 2

var div = $("<div></div>").css("height","1cm");

$("body").prepend(div);

var height = div.height();

div.remove();

alert(height);

我知道这是愚蠢的解决方案，但是这个怎么样？ ：D
对我来说通常返回 38px == 1cm

你觉得可以吗？

Answer 3

height 返回以像素为单位的高度。不幸的是，厘米对你来说将很难使用。显示器都有不同的像素密度，而 JavaScript 没有办法知道这个像素密度。您必须估计平均一厘米有多少像素并从那里进行转换。

平均像素密度为每厘米 100-130 像素，您可以看出这是一个相当宽的范围。

Answer 4

您可以使用已知大小的不可见 div，然后使用。 width() 并除以已知大小即可得到比率。