CSS转换比例和JavaScript offsetHeight

Question

我得到了offsetHeight与比例转换相结合的奇怪结果。 我的简单HTML如下

  <body>
    <div id="id01">
      Some Text
    </div>
    <div id="id02" style="transform-origin: left top; transform: scale(2)">
      Some Text
    </div>
  </body>

  <script>
    var elem01 = document.getElementById('id01');
    var elem02 = document.getElementById('id02');
    alert(elem01.offsetHeight == elem02.offsetHeight);   // Always show true???
  </script>

在屏幕上，第二个<div>比第一个<div>大（两倍）。 因此，我期望第二个<div>的offsetHeight应该大于第一个。

我的问题是：在这种情况下，为什么elem01.offsetHeight始终等于elem02.offsetHeight ？ 浏览器不使用transform计算元素的offsetHeight ？

谢谢

Answer 1

变换影响像素比率，而不影响DOM中的实际像素数量。

前一个问题有一些见解和可能的解决方案。

CSS转换比例和JavaScript offsetHeight

问题描述

1 个解决方案

解决方案1
0 已采纳 2013-09-19 16:39:09

CSS转换比例和JavaScript offsetHeight

问题描述

1 个解决方案

解决方案1 0 已采纳 2013-09-19 16:39:09

解决方案1
0 已采纳 2013-09-19 16:39:09