디스플레이 크기/폭 조정

나는 방황했다. 내가 가지고있는 수학 표현 중 일부는 길어서 내가 만든 상자에 맞지 않습니다. 그것을 짜내거나 크기 나 너비를 변경하여 어울리는 방법이 있습니까? 줄 바꿈을 사용하려고했지만 그게 내가 원하는 것은 아닙니다. 예를 들어, 다음과 같은 mathjax가 있습니다.디스플레이 크기/폭 조정

2x+3+4 - /intcos(x) dx 


234567897+sin(2x)+34567890987654.

마지막 줄 표시는 상자에 맞지 않기 때문에 문제가됩니다. 그것은 당신이 더 작은 크기로 표시하기 위해 수학에서 \small 또는 \scriptsize 또는 \Tiny (비표준) 또는 \tiny을 사용할 수 있습니다, 잘

출처

2012-11-26 k.ken

을 오버 플로우.

또는 수학 주위에 <span style="font-size:70%">...</span>을 넣으면 필요한 크기로 수학의 크기를 조정할 수 있습니다. 예를 들어,

<span style="font-size:70%">\(234567897+sin(2x)+34567890987654\)</span>

주 수학 구분 기호는 <span> 안에 있어야한다는. 위의 링크 된 Google Groups discussion에서

출처

2012-11-26 23:13:54

지금 그것을 시도 할 것이다 : –

Mathjax 설정을 사용하여이를 수행 할 수있는 방법이 있습니까? 이것에 의해, 폰트 사이즈 변경을 동적으로하는 것을 의미합니다. 나는보고 있었고 어떤 해결책도 찾지 못했습니다. –

아니요, 사용 가능한 공간에 맞게 크기를 조정하도록 MathJax에 지시 할 구성이 없습니다. 그러나 동적으로 자신을 확장 변경하는 방법을 보여줍니다 [MathJax 사용자의 포럼]에서 설명한 기술 (https://groups.google.com/d/topic/mathjax-users/ems8PNage-0/discussion)가있다. 예를 들어 크기를 설정하기 위해 여러 방정식을 거치도록 적용 할 수 있습니다. –

function changeSize(button) { 
    var myeqn = document.getElementById('myeqn'); 
    myeqn.style.fontSize = button.textContent; 
    MathJax.Hub.Queue(
    ['Rerender', MathJax.Hub, 'myeqn'], 

    function() { 
     document.getElementById('mylabel').innerHTML = 
      'width: ' + myeqn.offsetWidth + ", height: " + myeqn.offsetHeight; 
    }); 
}

는 http://jsfiddle.net/nLyraL1f/ 또는 http://jsfiddle.net/s2bjepk6/ 참조하십시오. 당신이 주변의 캔버스에 물건을 그릴 수 있기 때문에 캔버스 위에 위치 요소로 렌더링 같은 것들에 유용 폭과 렌더링 라텍스의 높이를 얻을 수 있기 때문에

이 또한 좋은 것입니다.

// resize all LaTeX Display elements to they fit in on screen 
function cvonk_ResizeMathJax() { 
    jQuery('.MathJax_Display').each(function(ii, obj) { 
     var latex = obj.children[0]; 
     var w = latex.offsetWidth; 
     var h = latex.offsetHeight;  
     var W = obj.offsetWidth; 
     if (w > W) { 
      obj.style.fontSize = 95 * W/w + "%"; 
     } 
    }); 
} 
window.MathJax = { 
    AuthorInit: function() { 
    MathJax.Hub.Register.StartupHook("Begin", function() { 
     MathJax.Hub.Queue(function() { 
     cvonk_ResizeMathJax(); 
     }); 
    }); 
    }, 
    jax: ["input/TeX", "output/HTML-CSS", "output/NativeMML"], 
    extensions: ["tex2jax.js"] 
}; 
window.addEventListener("resize", function() { 
    cvonk_ResizeMathJax(); 
});

출처

2015-03-01 20:31:24 Phylliida

나는 요소 또는 CSS 코드를 추가 할 필요가없는 해결책을 발견. 게시 주셔서 감사합니다

출처

2017-12-13 21:23:06

디스플레이 크기/폭 조정

답변

관련 문제