javascript - 为什么 Javascript 不使用 ex 单位添加高度？

Question

我希望 JavaScript 将高度添加到 css 中的当前高度，它适用于 px 单位但不适用于 ex 单位。有谁知道这个的解决方案吗？

HTML:

<div class="parent">
   <div class="child">
      Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum
   </div>
</div>

CSS:

.parent {
   width:150px;
   height:100px;
   float:left;
   background:red;
}

.child {
    line-height:2.5ex;
    max-height:5ex;
    margin:2.5ex;
    background: green;
    overflow: hidden;
}

JavaScript:

$(document).ready(function(){
  var child = $(".child");

  var height = parseInt(child.css("max-height").split("ex")[0]);

  height = height + 10 ;

  child.css({"max-height": height});

});

Answer 1

你应该这样做:child.css({"max-height": height + 'ex'});