0

私は使用しようとしました：

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

<head>私の静的htmlページのセクションにあります。

これを使用して、新しい CSS 要素へのアクセスを保証しています。
これはうまく機能しtable:last-of-type、IE9 ブラウザで使用できます。

しかし、そのメタ タグを使用すると、ページの最初の行のテキストがパディングされているように下に移動します。

次のような他のメタタグを試しました。

        <meta http-equiv="cache-control" content="no-cache" />
        <meta http-equiv=\"date\" content="Wed, 16 Feb 2011 22:34:13 GMT" />;
        <meta name="description\" content="How to use Meta Tags">

それらをすべてオンのままにしておくことができ、謎のパディングは表示されません.
上記を使用した場合にのみ発生します。

私は使用できます: <meta http-equiv="X-UA-Compatible" content="IE=7" />そして最初の行の位置は正しいですが、それは最新の CSS 機能を保証するために最初にそれを使用する目的を無効にします。

さらに、

これらはまた、謎の最初の行のパディングを作成します:

<meta http-equiv="X-UA-Compatible" content="IE=9" />
<meta http-equiv="X-UA-Compatible" content="IE=8" />

私の静的 HTML ページの最初の行は単なるテキストです。

私が与えることができる最も簡単な例は次のとおりです。

<html>

<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
</head>

<body>
Here is the first line of text.
</body>
</html>

そのメタタグを取り出すと、ページは最大 1 行高く印刷されます。

これの回避策や私が間違っていることを知っている人はいますか?

4

1 に答える 1

0

content="IE=edge" を使用するときの奇妙なスペーシングの問題を取り除くには、これを html 宣言として使用します。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

body タグにこれを追加します。

style="margin:0;padding:0;"

IE、Firefox、および Chrome で動作しました。

于 2013-01-04T17:43:44.190 に答える