fix katex block overflow on narrow devices

neural-tangjie · Jul 28, 2020 · c5afd00 · c5afd00
1 parent 8f23570
commit c5afd00
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/docs/index.html b/docs/index.html
@@ -7,6 +7,13 @@
   <meta name="description" content="Description">
   <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
   <link rel="stylesheet" href="//unpkg.com/docsify/lib/themes/vue.css">
+  <style>
+    .katex-display > .katex {
+      max-width: 100%;
+      overflow-x: auto;
+      overflow-y: hidden;
+    }
+  </style>
 </head>
 <body>
   <div id="app"></div>