是否有可能知道Javascript / jQuery中呈现的HTML的垂直维度？

Question

我正在开发一个包含大量MathML的网站，正如您从examples所看到的，基于查看代码，渲染公式的垂直维度很难猜测，不先渲染它。

 <math display="block"> <mrow> <msub> <mi>a</mi> <mn>0</mn> </msub> 
 <mo>+</mo> <mfrac><mn>1</mn> <mstyle scriptlevel="0" displaystyle="true"> ...

另一方面，浏览器似乎在构建页面的过程中明确“知道”垂直维度。

有没有办法让我在Javascript / jQuery中获取有关呈现的 HTML表达式大小的信息，以便我可以相应地调整任何包含框的尺寸？

为了解释一点，如果我渲染“纯文本”，我可以通过计算“线”的数量来估计垂直尺寸 - 但显然这是hacky并且对于我感兴趣的情况它是无用的。

jQuery(this).find('span').each( function(){
    if ($(this).css('display') != 'none'){
    // count the number of lines in this span
      num_lines += Math.ceil(jQuery(this).text().length/84);
      max_lines = Math.max(max_lines,num_lines);
    }
}

Answer 1

您可以使用javascript函数：

1. innerWidth属性设置或返回窗口内容区域的内部宽度。

window.innnerHeight 

2. innerHeight属性设置或返回窗口内容区域的内部高度。

window.innerWidth