English 中文(简体)
IE9 字母间隔问题
原标题:IE9 letter-spacing problem

我有一页,在FF(3x,4x) Chrome,IE(6,7,8)。

When tested on IE9 the texts are wider. Investigating the problem it appears that the text is actually rendered whith letters more spaciated than in other borwsers.

When changed the letter spacing to -0.6px the texts was rendered ok, similar to other browsers. Also when changed the render mode to "Compatibility view", the page looks just fine.

你们是否知道如何改变这种方式?

我用有条件的评论“解决”了这个问题,但我对此并不感到非常高兴。

<!--[if IE 9]>
<style>
    * {letter-spacing: -0.6px;}
</style>
<![endif]-->

Does any other methods exists to solve the problem?

我对不同的机器和不同的浏览器进行了几次筛选,结果见

如你所知,在拥有不同浏览器的不同机器上,结果相同。 唯一造成不同情况的是标准模式中的E9。 来文方网页

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
<title></title>
<style type="text/css">
    body {margin:0;padding:0;}
</style>
</head>
<body>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc semper.
</body>
</html>
问题回答

It may have to do with rounding up/down. Using tenths of a px is a strange thing to do since you can t get less than a whole pixel on a screen unless you know how the rounding will go. You can t rely on IE to get anything right anyway.

与互联网探索者8和8”合作开展这一工作:

letter-spacing:0.49px;
letter-spacing:0.88px !ie;

MSIE will floor the first letter-spacing to 0px and ignore the second rule. Firefox will read the second rule and use it instead of the first rule.

然后,为了补偿,你可以使用同样的trick子,在你在MSIE中的案文中添加更横向的pa子。

当然,与其他浏览器进行进一步测试!

现在需要考虑的另一个问题是,从2011年6月开始,第5版的Fox开始迅速释放。 现在,它们多达第8版,作为快速测试,我看到,第7和第8版的“Fox”使案文几乎与“E9”相混淆。 相比之下, Chrome似乎“shed污”,因为ker的 tight体更为紧凑, Chrome(我的眼睛)的清晰型 render子比IE9和FF7/8更加严厉。

你们不会得到交叉浏览器的保证,更不用说相互交错。 所有的浏览器都看不出(视窗)《新罗马时报》,16字的“热”显示。 如果你的申请要求把案文提高到所有用户、所有浏览器、所有平台的配对水平,那么它就成为形象和切身。

http://www.w3schools.com/cssref/pr_text_letter-spacing.asp” rel=“nofollow” 该文件对整个文件具有坚实价值,因此将在IE和FF中显示同样的价值。

这也是我因某种原因在IE8中遇到的。 既不能减少自食其力,也不能确定一封信的间隔来解决这个问题。

在另一个透镜中,我认为这可能与过去有关。 不幸的是,我还没有找到解决办法,但一旦我找到解决办法,我就在此站。 此时此刻不能帮助你,但可以帮助后来获得这一问题的人。

hum

你们是否利用违约的真面或使用某种不同的东西? 这可能会造成 pro。

否则,我就在这个机器上没有IE9——明天将尝试并再次看一看一个确实如此的常设计算机,但我眼前的想法是,轮式有效器称你的超文本无效。

这与你的案文直接出现在BODY,在其他一些集装箱中是 is一样。 我很想知道这个问题是否如此? 也许其他浏览器正在代表你纠正并假定一个段落集装箱。

如果你把案文放在一款或四款内,表面上的变化是否?

我一直认为,在整个浏览器中确定体积的最有用方式是使用胚胎价值。

我倾向于在安执委会中确定基点:

font-size: 62.5%

然后,在我打算确定体积时,我使用一种价值,例如:

font-size: 1.1em;

这相当于11px。 我发现的优点是,它使各行各业者更加一致,并且更好地利用浏览器转基因控制。

我认为这是一次尝试,我认为它应当解决你的问题。

Thanks nathj07





相关问题
CSS working only in Firefox

I am trying to create a search text-field like on the Apple website. The HTML looks like this: <div class="frm-search"> <div> <input class="btn" type="image" src="http://www....

jquery ui dialog opens only once

I have a button that opens a dialog when clicked. The dialog displays a div that was hidden After I close the dialog by clicking the X icon, the dialog can t be opened again.

Drop down background url in Safari Issue

selectBox.selectCSS { background: url(/Images/replacementSelectBackground.png) top left no-repeat height:auto; } I have an issue in Safari only where the image is not rendering on top ...

CSS specific for Safari

How do you target specifically safari in css with styles?

Aligning textarea in a form

Ive used the following css code to align my form elements: form { position:relative; } form input { position:absolute; left:11em; } However, the textarea element is not aligned correctly with the ...

Firefox background image horizontal centering oddity

I am building some basic HTML code for a CMS. One of the page-related options in the CMS is "background image" and "stretch page width / height to background image width / height." so that with large ...

CSS problem with page footer

I have defined my page footer in the css file as: #footer { position: absolute; height: 50px; text-align: center; background: #66CCCC; bottom: 0px; left: 0px; width: 100%; height: ...

热门标签