乳胶粒大小在HTML扰流板中更大
我已经在扰流板中输入了我的LaTex代码,但大小不同。虽然它们的乳胶粒大小在HTML扰流板中更大,html,css,latex,mathjax,Html,Css,Latex,Mathjax,我已经在扰流板中输入了我的LaTex代码,但大小不同。虽然它们的字体大小相同,但它比正常的上下文大。这里有一个例子 <span style="font-size: 11pt;">$\alpha\beta\gamma\delta$</span> <a id="ex1" onclick="document.getElementById('exx1').style.display=''; document.getElementById('ex1').style.displ
字体大小
相同,但它比正常的上下文大。这里有一个例子
<span style="font-size: 11pt;">$\alpha\beta\gamma\delta$</span>
<a id="ex1" onclick="document.getElementById('exx1').style.display=''; document.getElementById('ex1').style.display='none';" class="link">[Show]</a>
<span id="exx1" style="display: none">
<a onclick="document.getElementById('exx1').style.display='none'; document.getElementById('ex1').style.display='';" class="link">[Hide]</a><br>
<span style="font-size: 11pt;">$\alpha\beta\gamma\delta$</span>
</span>
$\alpha\beta\gamma\delta$
.MathJax为这两个公式生成不同的HTML和CSS标记。第一个具有字体大小:126%
,而第二个具有字体大小:130%
问题在于,特别是在其matchFontHeight
选项中。设置为false时,两个公式的字体大小相同。看
有趣的是,仅当最初显示第一个公式而隐藏第二个公式时,才为公式指定不同的字体大小。我假设MathJax在第一次显示之前生成了第二个公式,因此计算出的字体大小
受到已经显示的第一个公式的影响
没有任何解决方法可以让我想起matchFontHeight:true
。MathJax为这两个公式生成不同的HTML和CSS标记。第一个具有字体大小:126%
,而第二个具有字体大小:130%
问题在于,特别是在其matchFontHeight
选项中。设置为false时,两个公式的字体大小相同。看
有趣的是,仅当最初显示第一个公式而隐藏第二个公式时,才为公式指定不同的字体大小。我假设MathJax在第一次显示之前生成了第二个公式,因此计算出的字体大小
受到已经显示的第一个公式的影响
没有任何解决方法可以让我想起matchFontHeight:true
。MathJax为这两个公式生成不同的HTML和CSS标记。第一个具有字体大小:126%
,而第二个具有字体大小:130%
问题在于,特别是在其matchFontHeight
选项中。设置为false时,两个公式的字体大小相同。看
有趣的是,仅当最初显示第一个公式而隐藏第二个公式时,才为公式指定不同的字体大小。我假设MathJax在第一次显示之前生成了第二个公式,因此计算出的字体大小
受到已经显示的第一个公式的影响
没有任何解决方法可以让我想起matchFontHeight:true
。MathJax为这两个公式生成不同的HTML和CSS标记。第一个具有字体大小:126%
,而第二个具有字体大小:130%
问题在于,特别是在其matchFontHeight
选项中。设置为false时,两个公式的字体大小相同。看
有趣的是,仅当最初显示第一个公式而隐藏第二个公式时,才为公式指定不同的字体大小。我假设MathJax在第一次显示之前生成了第二个公式,因此计算出的字体大小
受到已经显示的第一个公式的影响
我没有想到任何解决办法,只留下matchFontHeight:true
。这里的问题是exx1
元素的display:none
设置。显示的元素:无
不在浏览器中布局,其大小(如(offsetHeight
和offsetWidth
)不可用,因此MathJax无法确定周围字体的大小,也无法测量排版数学所需的任何元素。为了处理容器中的数学,该容器是display:none
,它会临时在
中排版,然后将结果移动到原始位置。这意味着字体匹配是针对主体字体,而不是位置处的字体。这可能是问题的根源。浏览器之间的差异可能与主体元素使用的默认字体不同有关
如果内容包含数学,我建议您不要使用display:none
。有几种其他技术可用于获得类似的结果,主要涉及使用可见性:隐藏并将高度设置为0。请参阅2013年1月JMM上我的演讲中的(尤其是display:none
)。这里的问题是exx1
元素的display:none
设置。display:none
元素不在浏览器中布局,它们的大小(如(offsetHeight
和offsetWidth
)不可用,因此MathJax无法确定周围字体的大小,也无法测量排版数学所需的任何元素。为了处理容器中的数学,该容器是display:none
,它会临时在
中排版,然后将结果移动到原始位置。这意味着字体匹配是针对主体字体,而不是位置处的字体。这可能是问题的根源。浏览器之间的差异可能与主体元素使用的默认字体不同有关
如果内容包含数学,我建议您不要使用display:none
。有几种其他技术可用于获得类似的结果,主要涉及使用可见性:隐藏并将高度设置为0。请参阅2013年1月JMM上我的演讲中的(特别是display:none
)。这里的问题是的display:none
设置