18

FF (3x、4x)、Chrome、IE (6、7、8) で正常にレンダリングされるページがあります。

IE9 でテストすると、テキストはより広くなります。問題を調査したところ、テキストは実際には他のブラウザよりも文字が大きく表示されているようです。

文字間隔を -0.6px に変更すると、テキストは他のブラウザと同様に正常にレンダリングされました。また、レンダリングモードを「互換表示」に変更すると、ページは問題なく表示されます。

レンダリング モードが変更された原因を知っていますか?

条件付きコメントを使用して問題を「解決」しましたが、あまり満足していません

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

問題を解決する他の方法はありますか?

編集

さまざまなマシンとさまざまなブラウザーでいくつかのスクリーンショットを作成しました。結果はここで確認できます

ご覧のとおり、ブラウザが異なるマシンでも結果は同じです。レンダリングが異なるのは、標準モードの IE9 だけです。ソースページは

<!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>
4

9 に答える 9

4

これはInternetExplorer8とFirefoxで動作するため、これを試してください。

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

MSIEは、最初の文字間隔を0pxにフロアし、2番目のルールを無視します。Firefoxは2番目のルールを読み取り、最初のルールの代わりにそれを使用します。

次に、これを補うために、同じトリックを使用して、Firefoxで提供するものと同じトリックをMSIEのテキストに水平方向のパディングを追加できます。

もちろん、他のブラウザでさらにテストを行ってください！

于 2012-01-01T18:21:11.907 に答える
4

切り上げ/切り下げに関係している可能性があります。10 分の 1 px を使用するのは奇妙なことです。なぜなら、丸めがどのように行われるかを知らない限り、画面上で 1 ピクセル未満を取得することはできないからです。とにかく、IE に頼って何かを正しく行うことはできません。

于 2011-04-01T12:56:37.060 に答える
1

これは、何らかの理由でIE8でも発生しています。font-size を小さくしたり、letter-spacing を設定したりしても問題は解決しませんでした。

別のスレッドで、これが font-face に関連している可能性があることがわかりました。残念ながら、まだ解決策は見つかっていませんが、見つけ次第、ここに投稿します。現時点では役に立たないかもしれませんが、後でこの質問にアクセスする人には役立つかもしれません。

于 2013-01-23T13:18:04.637 に答える
1

IE と FF で同じように表示されるように、ドキュメント全体の文字間隔の値をしっかりと設定してみてください。

于 2012-10-19T17:44:20.417 に答える
0

フメニウク

デフォルトのフォント フェイスを使用していますか、それとも別のフォント フェイスを使用していますか? これにより、問題が発生する可能性があります

于 2011-07-23T06:56:54.447 に答える
0

ブラウザー間でフォント サイズを設定する最も便利な方法は、px 値ではなく em を使用することです。

私は、CSS の body タグに基点を設定する傾向があります。

font-size: 62.5%

次に、フォントサイズを設定したいときはいつでも、次のような em 値を使用します。

font-size: 1.1em;

これは 11px に相当します。私が見つけた利点は、ブラウザー間でより一貫してレンダリングされ、ブラウザーのサイズ変更コントロールを使用してより適切にサイズ変更されることです。

これを試してみてください - 私はそれがあなたの問題を解決するはずだと思います.

ありがとうnathj07

于 2011-11-21T16:23:18.203 に答える
0

Microsoft の記事を参照できます。テキストレンダリングによる問題かもしれません

于 2011-11-15T13:44:12.447 に答える
0

このマシンには IE9 が搭載されていないのではないかと心配しています。明日、搭載されている PC でもう一度調べてみますが、w3c バリデーターが HTML が無効であると言っているのではないかとすぐに思いました。

テキストが直接 BODY にあり、他のコンテナーにはないという事実は気に入りません。それが問題だったのだろうか？おそらく、他のブラウザがあなたに代わって「修正」しており、段落コンテナを想定しています。

テキストを段落または DIV 内に配置すると、外観は変わりますか?

于 2011-11-21T21:02:25.243 に答える