简体繁体 English

Google Chrome中的文本自动刷新（呈现问题）

[英]Text auto refreshing in google chrome (rendering issue)

原文 2014-11-30 07:37:25 9 1 html/ css/ google-chrome/ cross-browser/ text-rendering

Look carefully below two images, the Q letter(g and y also has this issue), some period of time (5 or 6 seconds) in Google chrome render the text something like to image 01 even though original text is image 02 other web browsers are render the correct form of text which is image 02 , but chrome some period of time suddenly shows the image 01 and change back to image 02 , I just put this text in <span> tag, I would like to know how to fix this. 仔细看下面两个图像，Q字母（g和y也有此问题），尽管原始文本是image 02但在谷歌浏览器中的一段时间（5或6秒）呈现的文本类似于image 01其他Web浏览器被渲染为正确的文本形式，即image 02 ，但是chrome在一段时间内突然显示了image 01并变回image 02 ，我只是将此文本放在<span>标记中，我想知道如何解决这个问题。

image 01 图片01 在此处输入图片说明

image02 image02 在此处输入图片说明

1 个解决方案

Without seeing your code it is hard to diagnose the problem, but it looks as if the characters might be getting chopped off at a horizontal line - Q, g and y are all characters that extend further down than most. 没有看到您的代码，很难诊断出问题，但看起来字符似乎在水平线上被切掉了-Q，g和y都是比大多数字符都向下延伸的字符。 The last time I had this type of issue I had a fixed height for my div in CSS, and the content was too big to fit inside it. 上次出现此类问题时，我的div在CSS中的高度固定，并且内容太大而无法放入其中。 Changing the height of my div so that it was bigger than the content meant that Chrome wasn't rearranging my document to make everything display properly. 更改div的高度使其大于内容的高度意味着Chrome不会重新排列我的文档以使所有内容正确显示。