search

next-theme / hexo-filter-mathjax

💯 Server side MathJax renderer plugin for Hexo.
https://www.npmjs.com/package/hexo-filter-mathjax
MIT License
105 stars 6 forks source link

公式随宽度缩放 #57

Open 66Leo66 opened 1 year ago

66Leo66 commented 1 year ago

我的文章正文使用hexo-renderer-pandoc+hexo-filter-mathjax渲染，公式在屏幕宽度不足时会溢出； image

而同时我观察到Waline评论区的mathjax功能也使用了类似的方法在服务端渲染公式为svg，评论区的公式就可以自动缩小以匹配宽度。 image

折腾了好久，不知道如何解决，故询问一下

stevenjoezhang commented 1 year ago

能提供一下这个网页的链接吗，我看看具体细节

66Leo66 commented 1 year ago

能提供一下这个网页的链接吗，我看看具体细节

（已下线）

HiNinoJay commented 1 year ago

作者你好，我也遇到这个问题，如果能修复，万分感激

这是bug演示页面：https://ninojay.top/hexoplugin/hexo-filter-mathjax/

当页面尺寸调整为手机端时，数学公式的svg图片宽度溢出，经过我简单的调试，是公式渲染生成的svg图片css样式的width宽度固定造成的

stevenjoezhang commented 1 year ago

@HiNinoJay 带编号的公式溢出是已知问题，因为 MathJax 不知道用户的屏幕尺寸，所以会按照默认宽度生成： https://github.com/next-theme/hexo-filter-mathjax#known-issues 这个确实不太好处理，如果换成不带编号的公式就可以解决