
MathJaxの数式をスマホではみ出ないように表示する
作成日時: | 2019年7月6日 |
更新日時: | 2019年7月29日 |
MathJaxを導入してPCではうまく表示できたが、スマホで見てみると数式が画面外にはみ出ていた。
この記事を参考にスタイルにoverflow-x: auto;を追加したがうまくいかず。
のようにしていたのを
grid-template-columns: [left] 1fr [main-start] 300px [main-end] 1fr [right];
とするとうまく表示できた。
vwは画面幅に対しての比率なので具体的なピクセル数が決まるので、今回はうまくいった。
解決方法
はてなでtex書いている人たちへ…数式が長くてスマホだとはみ出るときの対処法この記事を参考にスタイルにoverflow-x: auto;を追加したがうまくいかず。
のようにしていたのを
grid-template-columns: [left] 1fr [main-start] 300px [main-end] 1fr [right];
とするとうまく表示できた。
結局
結局grid-template-columnsで1frと指定すると内容に合わせられるので、具体的な大きさが決まるようにする必要がある。vwは画面幅に対しての比率なので具体的なピクセル数が決まるので、今回はうまくいった。