728x90
728x170
수식 사용 시, 자동 줄바꿈 기능 설정하는 방법 (MathJax)
들어가며
- MathJax 등 수식 관련 플러그인을 사용할 때 화면 크기 이상의 수식을 적는 경우 자동 줄바꿈이 되도록 설정할 수 있다.
- 보통은 자동 줄바꿈이 되지 않도록 설정되어 있어, 수식이 짤리는 경우가 발생한다.
- 보통 PC 환경 보다는 모바일 환경에서 자주 발생한다.
방법
- 다음과 같이 .Config 속성에 "HTML-CSS", "CommonHTML", "SVG" 속성을 넣어준다.
<script type="text/x-mathjax-config">
MathJax.Hub.Config({
tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]},
"HTML-CSS": { linebreaks: { automatic: true } }, // 추가
CommonHTML: { linebreaks: { automatic: true } }, // 추가
SVG: { linebreaks: { automatic: true } } // 추가
});
</script>
참고 사이트
MathJax equations is not mobile responsive? · Issue #2465 · mathjax/MathJax
I have this equation of MathJax in my site, while viewing the size of the site in mobile view, all the other text are responsive but the equations of mathJax are not responsive. How can I make thes...
github.com
728x90
그리드형(광고전용)
'In-depth Study > TeX' 카테고리의 다른 글
[TeX] 문자 위에 바(Bar) 표시하는 방법 (크게 표시하기) (0) | 2023.06.01 |
---|---|
[TeX] 첨가 행렬(Augmented Matrix) 표현하는 방법 (0) | 2022.10.13 |
[TeX] 디스플레이 모드로 표시하는 방법 (\displaystyle) (0) | 2022.09.27 |
[TeX] 유용한 사이트 & 정보 모음 (0) | 2022.09.08 |
[TeX] MathJax TeX 문법 정리 (0) | 2022.09.06 |
[TeX] 행렬(Matrix) 표현하기 (0) | 2022.03.17 |
[TeX] 관계 대수 기호의 LaTeX 표현 (0) | 2020.09.25 |
[TeX] 홈페이지에 LaTeX 적용하기 (MathJax) (0) | 2020.09.23 |