Updated

Author: IvyChere

assets/css/extended/custom.css

@@ -31,8 +31,6 @@ code, pre {
 @media (max-width: 768px) {
 
     /* 1. 确保所有公式容器都能滚动 */
-    .katex-display,
-    .katex,
     .MathJax_Display,
     .MathJax {
         overflow-x: auto;
@@ -42,29 +40,31 @@ code, pre {
     }
 
     /* 2. 块级公式容器加一点内边距，防止滚动条遮挡 */
-    .katex-display,
     .MathJax_Display {
         padding-bottom: 4px;
     }
 
     /* 3. 允许行内公式在必要时换行 */
-    /* 强力覆盖 KaTeX 内部的各种 nowrap */
-    .katex * {
+/* 针对移动端强制 MathJax 行内公式换行 */
+@media screen and (max-width: 768px) {
+    /* 目标：强制所有 MathJax 行内公式容器允许换行 */
+    .post-content mjx-container {
         white-space: normal !important;
     }
 
-    /* 同时让行内公式本身能够自动换行，并保持行内显示 */
-    .katex {
-        white-space: normal !important;
-        word-break: break-word;   /* 更优雅的断词方式 */
+    /* 进阶：仅在必要时对公式内部元素断词，避免破坏结构 */
+    .post-content mjx-container * {
+        word-break: break-word;
         overflow-wrap: break-word;
     }
 
-    /* 如果某些 span 还有顽固的 nowrap，直接覆盖 */
-    .katex [style*="white-space: nowrap"] {
-        white-space: normal !important;
+    /* 保留一个优雅的横向滚动方案，作为无法完美换行时的后备 */
+    .post-content .MathJax_Display,
+    .post-content mjx-container.MathJax_Display {
+        overflow-x: auto;
+        overflow-y: hidden;
     }
-
+}
     /* 4. 最关键：限制所有父容器不允许溢出 */
     .post-content,
     .post-content p,