Css 文本溢出：Android上的省略号跳到文本后面

我试图用文本溢出省略h2标记。除了安卓系统，它在所有浏览器上都能正常工作

三个点跳到剪裁文本的后面，因此您实际上看不到省略号

h2的css为：

    h2 {
    font-size: 20px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 40%;     
}

我有很多其他的风格，但不知道什么会影响这一点

---

我做了一个虚拟测试，效果很好，所以我想知道以前是否有人经历过这种行为？

所以我通过逐行运行css，设法找到了答案。结果表明，

文本呈现：优化易读性
导致错误！
删除它，现在它的工作完美
 这对我有用

基本上添加文本渲染：自动；添加到带有省略号的css

谢谢-我一直在到处寻找解决这个问题的方法，最终解决了！谢谢，确实为我节省了很多时间。对我来说，将属性设置为auto或optimizeSpeed解决了问题。它有一个Chromium bug：