2016-11-12 3 views
0

브라우저 뷰포트가 넓 으면 모든 내 수식이 정말 멋지게 보입니다. 자동으로 이미지와 텍스트 크기를 조정되도록 (스물 다섯 테마 수정 워드 프레스,)MathJax 자동 글꼴 크기 조정

enter image description here

내 사이트에 유연한 디자인을하고 있습니다.

enter image description here

그러나 수식이 전혀 크기를 조정하지 않고는 레이아웃 몇 가지 문제가 발생합니다.

enter image description here

어떻게 브라우저 윈도우의 크기가 변경 될 때 자동으로 크기를 조정하는 공식을 강제로?

+0

뷰포트 단위'vw' (이 경우 너비)를 글꼴 크기로 사용하십시오. – LGSon

+0

이 상황을 테스트 할 수있는 링크를 줄 수 있습니까? –

+0

@SauravRastogi 사이트 http://topmath.ru/глава-1-введение/에 대한 링크를 제공 할 수 있습니다. – CMTV

답변

0

MathJax 편집기를 사용하여 방정식 부분을 렌더링 한 것 같습니다. 다른 HTML 요소처럼 MathJax 방정식을 다음 줄로 감쌀 수 없습니다.

그들이 다른 방법을 소개했으며이를 Responsive Equations이라고합니다. 예제를 살펴보면 모든 화면 크기에서 방정식을 반응 적으로 만들 수있는 몇 가지 방법이 나와 있습니다. 이 도움이 https://www.mathjax.org/responsive-equations/

희망 :

또한이 Codepen 를 참조 할 수 있습니다

응답 식 (이 동적 방정식의 응답을 제어하는 ​​방법을 보여줍니다)!

+0

MathJax는 자동으로 줄 바꿈 될 수 있습니다. http://docs.mathjax.org/en/latest/output.html#automatic-line-breaking을 참조하십시오. –