Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[BUG] Mathjax 渲染得过于紧凑 #4584

Open
1 of 2 tasks
Cat-shao opened this issue Jan 8, 2023 · 20 comments · May be fixed by #4196
Open
1 of 2 tasks

[BUG] Mathjax 渲染得过于紧凑 #4584

Cat-shao opened this issue Jan 8, 2023 · 20 comments · May be fixed by #4196
Labels

Comments

@Cat-shao
Copy link
Contributor

Cat-shao commented Jan 8, 2023

请选择:

  • 我已经读过了 F.A.Q.,进行了搜索,但没有得到答案
  • 我正在着手修复这个问题

我遇到了这样的问题

image
公式都聚到一块去了,影响阅读。

我确认这个问题可以这样复现

例如 https://oi-wiki.org/math/number-theory/stern-brocot/

@Cat-shao Cat-shao added the Other Bug / 内容无关的 Bug 内容无关的 bug label Jan 8, 2023
@Enter-tainer
Copy link
Member

Enter-tainer commented Jan 8, 2023

Screenshot_2023-01-08-19-09-10-290_com.microsoft.emmx.jpg

android13,手机edge正常

@Enter-tainer
Copy link
Member

提供一下你的浏览器版本和系统版本吧

@Cat-shao
Copy link
Contributor Author

Cat-shao commented Jan 8, 2023

@Enter-tainer

Microsoft Edge 108.0.1462.76 (是最新版本),没有扩展
Win10 22H2

谢谢。

@Cat-shao
Copy link
Contributor Author

Cat-shao commented Jan 8, 2023

貌似根 OI-Wiki 没啥关系,比如说我点开 UOJ 的一篇博客 https://megatrio.blog.uoj.ac/blog/7430

image

然而鼠标放上去后放大的公式没问题

image

谢谢

@Enter-tainer
Copy link
Member

可能是上游bug,我之前在别的地方也见到过类似的东西

@Tiphereth-A
Copy link
Member

我这边的 Edge 也出现这个问题了

edge

但是 Firefox 没有(版本 108.0.1)

Firefox

系统也是 Windows 10 22H2

@CoelacanthusHex
Copy link
Member

@Tiphereth-A 建议测试下 Chromium 能不能复现,以分析是 Edge 独有的问题还是 Blink 的问题

@Tiphereth-A
Copy link
Member

建议测试下 Chromium 能不能复现,以分析是 Edge 独有的问题还是 Blink 的问题

Chrome 复现成功(版本 108.0.5359.125)

chrome

@CoelacanthusHex
Copy link
Member

Chromium 108.0.5359.124 on Arch Linux 复现,
图片

@Enter-tainer
Copy link
Member

不知道 #4196 能不能解决这个问题

@CoelacanthusHex
Copy link
Member

目前的观察结果是 Chromium based 浏览器皆受影响,无论平台,其余浏览器未发现受影响案例

@Enter-tainer
Copy link
Member

Enter-tainer commented Jan 9, 2023

@Enter-tainer https://deploy-preview-4196--oi-wiki.netlify.app/math/number-theory/stern-brocot/

OI Wiki 是一个编程竞赛知识整合站点,提供有趣又实用的编程竞赛知识以及其他有帮助的内容,帮助广大编程竞赛爱好者更快更深入地学习编程竞赛

@shuzhouliu
Copy link
Member

image

chrome是这样的(108.0.5359.125,x64,Windows11)

@alphagocc
Copy link
Contributor

@shuzhouliu 您这个是正常的

@shuzhouliu
Copy link
Member

@shuzhouliu 您这个是正常的

我知道,我说的是换了svg之后的

@alphagocc
Copy link
Contributor

本问题与 Chromium 最小字号限制有关,Chromium 默认最小字号限制为 12px,此处公式字号大小已经小于 12px,在关闭字号限制后问题消失

@Enter-tainer
Copy link
Member

思考 感觉这样还是有点奇怪...能不能..我们增加一下公式和文本的字体大小(?)这样合理吗

@Menci
Copy link
Member

Menci commented Oct 27, 2023

image

未能复现(Edge 118 on macOS),这个 bug 是不是已经没了

@CCXXXI
Copy link
Contributor

CCXXXI commented Dec 27, 2023

在手动调整最小字号后成功复现:
min font size
edge version
bug


有人问过默认最小字号的问题,但没有得到明确解答:

https://answers.microsoft.com/en-us/microsoftedge/forum/all/what-minimum-font-size-will-be-configured-when/c8e242cd-d10d-4dcd-b6fc-667edee38917

据提问者说,根据其测试,不同设备的默认值不同:

All tested on the personal devices, we have the result from 6, 10, 12 to 16px as the min font size

顺带一提,我这里的默认值似乎是未设定,虽然滑块看起来在中间但实际上没有任何作用:

default min font size

@gavinliu266
Copy link
Contributor

或许可以把 \frac 改为 \dfrac。

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging a pull request may close this issue.

9 participants