Chorme浏览器渲染MathJax时出现竖线的解决方法
来源:互联网 发布:hp1005扫描软件打不开 编辑:程序博客网 时间:2024/05/17 03:23
Chorme浏览器渲染MathJax时出现竖线的原因分析与解决方法
查资料知,Chorme中显示MathJax时出现竖线的原因如下:
新版的Chorme浏览器在解析css时,会对其中的值进行向上取整(四舍五入),而其他浏览器不会,且Chrome较旧版本(比如Chrome 40 稳定版)也是不会出现此问题的。
This is caused by Chrome rounding up values which other browsers do not round up.
方法1:修改引用的MathJax路径
将MathJax的版本与官方cdn同步,使用最新版MathJax,目前MathJax 2.6已修复此问题,完成了兼容...
<script type="text/javascript" src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
方法2:修改CSS
在需要引用MathJax的页面的css中加入:
.MathJax nobr>span.math>span{border-left-width:0 !important};
用!important限定的定义却是优先级最高的.
!important 的语法
!important为开发者提供了一个增加样式权重的方法。应当注意的是!important是对整条样式的声明,包括这个样式的属性和属性值。这里有个简单的代码示例可以清晰地说明!important是如何应用于原本的样式中的:
#example { font-size: 14px !important; }#container #example { font-size: 10px;}
在上面的代码示例中,由于使用了!important,id为“example”的元素字号将被设置为14px。
方法3:使用JavaScript强制修改MathJax的样式
修改
Math Setting -> Math Renderer
.javascript:$('.math>span').css("border-left-color","transparent")
如果你的浏览器不允许以这种方式执行JavaScript。你可以在控制台Console中输入(Chrome中按F12,然后选择"Console"即可)。
If your browser disallow executing JavaScript this way. You can try pasting it into console (in Chrome, press F12 and select "Console").
相关链接:
pandoc - Chrome rendering MathJax equations with a trailing vertical line - Stack Overflow http://stackoverflow.com/questions/34277967/chrome-rendering-mathjax-equations-with-a-trailing-vertical-line
1 0
- Chorme浏览器渲染MathJax时出现竖线的解决方法
- 关于mathjax加载缓慢的解决方法
- github渲染mathjax公式
- FM滚动是出现竖线的地方
- 谷歌浏览器打开时出现黑框的解决方法
- 部分浏览器(如chorme)缓存js的问题解决
- chorme浏览器无法播放MP4格式的视频解决
- chorme浏览器插件的安装、配置及使用
- chorme和FireFox浏览器不显示按钮的问题
- 浏览器渲染原理及可能出现的bug
- Windows下谷歌浏览器出现ChromeERR_EMPTY_RESPONSE的解决方法
- Chorme浏览器离线安装包
- 浏览器的渲染模式
- 浏览器的渲染引擎
- 浏览器的渲染机制
- 浏览器的渲染
- 浏览器渲染的流程
- 浏览器的渲染机制
- rpm安装mysql过程
- Android网络编程——https 不验证证书方式(信任所有证书)
- 文章标题
- Javascript弹出层
- NDK_HelloWorld开发指南
- Chorme浏览器渲染MathJax时出现竖线的解决方法
- Tomcat配置域名
- 架构师之路(2)---详解面向过程
- fierbird SUBSTRING函数用法
- java如何设置Date类型的日期的年月日?
- "Mac OS X"想要进行更改。键入管理员的名称和密码以允许执行此操作("Mac OS X"想使用系统钥匙串)
- 2分钟读懂Hadoop和Spark的异同
- 奇怪的背包题目 - Proud Merchants
- 利用struts1 formfile实现文件上传功能