html - 谷歌浏览器中的文本自动刷新(渲染问题)

标签 html css google-chrome cross-browser text-rendering

仔细看下面两张图片,Q 字母(g 和 y 也有这个问题),谷歌浏览器中的一段时间(5 或 6 秒)将文本呈现为 image 01即使原文是 image 02其他网络浏览器呈现正确的文本形式,即 image 02 ,但是chrome某段时间突然显示image 01并改回 image 02 , 我只是把这段文字放在<span>标签,我想知道如何解决这个问题。

图片01 enter image description here

image02 enter image description here

最佳答案

如果没有看到您的代码,就很难诊断出问题,但看起来字符可能会在水平线上被切断 - Q、g 和 y 都是比大多数字符更向下延伸的字符。上次遇到此类问题时,我在 CSS 中为我​​的 div 设置了固定高度,但内容太大而无法放入其中。更改我的 div 的高度使其大于内容意味着 Chrome 没有重新排列我的文档以使所有内容正确显示。

关于html - 谷歌浏览器中的文本自动刷新(渲染问题),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27211103/

相关文章:

javascript - JQuery ScrollTop 适用于 Chrome,但不适用于 Firefox

google-chrome - 在 Chrome 扩展程序中读取和修改 HTTP GET 请求

javascript - 如何检测是否已在 chrome 中授予麦克风权限

html - 不支持获取应用程序/Dart 脚本

javascript - 如何复制到剪贴板并保留格式

css - 带有颜色扭曲的 body 背景图像

javascript - 使用 jquery 将 html 附加到 div 时,如何阻止内容被推到屏幕外

javascript - jQuery nuSelectable 插件

html - 如何使用 css 和 bootstrap 修复表单字段对齐问题

javascript - JavaScript 和 CSS 哪个更受青睐?