fix katex block overflow on narrow devices

2022-06-23 23:25:38 +08:00
parent a8a3108aec
commit 5ded4f6cbf
1 changed files with 7 additions and 0 deletions
--- a/docs/index.html
+++ b/docs/index.html
@@ -10,6 +10,13 @@
  <!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.10.0-rc.1/dist/katex.min.css"> -->
  <!-- <script src="https://cdn.jsdelivr.net/npm/katex@0.10.0-rc.1/dist/katex.min.js"></script> -->
  <!-- <link rel="stylesheet" href="//unpkg.com/docsify@4.7.0/lib/themes/vue.css"> -->
+  <style>
+    .katex-display > .katex {
+      max-width: 100%;
+      overflow-x: auto;
+      overflow-y: hidden;
+    }
+  </style>
 </head>
 <body>
  <div id="app"></div>